Skip to main content
U
ursulak97070300
Inspiring
March 8, 2021
Answered

creating a favicon with Photoshop or Illustrator

  • March 8, 2021
  • 2 replies
  • 78862 views

Hi at all,

 I have to create a favicon (ico.) file and have no idea to do so in Illustrator or in Photoshop. Help would be perfect.

Thanks

Ursula

Correct answer Trevor.Dennis

It's a long time since I used it, but the favicon Photoshop plugin on the telegraphics site is what we all used.  

www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html

 

Something I do still use it for is to create drive icons for Windows.

By creating this tiny text file and placing it in the root directory of any drive and naming the file autorun.inf

In this case Projects.ico is the name of the icon I want displayed for that drive (up to 256 X 256 pixels)

The icon file Projects.ico  also goes in the root directory of the drive

As you can see, this image is full size, but will only display according to the location it is used in (If I am remembering this correctly)

This is how it looks in File Explorer

You can see from Drive G: that it does not pay to be too ambitious with the icon's complexity.  It looked fine when I made it at 256 x 256 pixels, but gets messed up at lower resolutions.

 

[EDIT] Note the .ico files will not open in Photoshop unless the favicon plugin is installed.

2 replies

Trevor.Dennis
Community Expert
Trevor.DennisCommunity ExpertCorrect answer
Community Expert
March 9, 2021

It's a long time since I used it, but the favicon Photoshop plugin on the telegraphics site is what we all used.  

www.telegraphics.com.au/svn/icoformat/trunk/dist/README.html

 

Something I do still use it for is to create drive icons for Windows.

By creating this tiny text file and placing it in the root directory of any drive and naming the file autorun.inf

In this case Projects.ico is the name of the icon I want displayed for that drive (up to 256 X 256 pixels)

The icon file Projects.ico  also goes in the root directory of the drive

As you can see, this image is full size, but will only display according to the location it is used in (If I am remembering this correctly)

This is how it looks in File Explorer

You can see from Drive G: that it does not pay to be too ambitious with the icon's complexity.  It looked fine when I made it at 256 x 256 pixels, but gets messed up at lower resolutions.

 

[EDIT] Note the .ico files will not open in Photoshop unless the favicon plugin is installed.

U
ursulak97070300Author
Inspiring
March 16, 2021

Hi thank you very much for this detailed infos. Yes this was my expierence as well, keep it simple.

didiermazier
Community Expert
didiermazierCommunity Expert
Community Expert
March 9, 2021

You can make a square image  16px/16px (or up to 64/64)

save as pict file then manually rename the suffix to .ico.

I do not think the .ico format is still mandatory…

You can use this syntax on a WP site  :

<link rel="icon" type="image/png" href="favicon.png">

Or you can save as a PNG and use : https://www.icoconverter.com/

    U
    ursulak97070300Author
    Inspiring
    March 16, 2021

    Hi perfect thank you. I used an online converter now like you suggested.

      Terms & ConditionsAccessibility statement
      Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices