• Global community
    • Language:
      • Deutsch
      • English
      • Español
      • Français
      • Português
  • 日本語コミュニティ
    Dedicated community for Japanese speakers
  • 한국 커뮤니티
    Dedicated community for Korean speakers
Exit
0

creating a favicon with Photoshop or Illustrator

Community Beginner ,
Mar 08, 2021 Mar 08, 2021

Copy link to clipboard

Copied

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

Views

43.1K

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines

correct answers 2 Correct answers

Community Expert , Mar 09, 2021 Mar 09, 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/

Votes

Translate

Translate
Community Expert , Mar 09, 2021 Mar 09, 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)

image.png

The icon file Projects.ico  al

...

Votes

Translate

Translate
Adobe
Community Expert ,
Mar 09, 2021 Mar 09, 2021

Copy link to clipboard

Copied

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/

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 16, 2021 Mar 16, 2021

Copy link to clipboard

Copied

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Expert ,
Mar 09, 2021 Mar 09, 2021

Copy link to clipboard

Copied

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)

image.png

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)

image.png

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.

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines
Community Beginner ,
Mar 16, 2021 Mar 16, 2021

Copy link to clipboard

Copied

LATEST

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

Votes

Translate

Translate

Report

Report
Community guidelines
Be kind and respectful, give credit to the original source of content, and search for duplicates before posting. Learn more
community guidelines