creating a favicon with Photoshop or Illustrator

New Here ,
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

TOPICS
How to

Views

78

Likes

translate

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

Adobe Community Professional , 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/

Likes

translate

Translate

Translate
Adobe Community Professional , 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) The icon file Projects.ico  al...

Likes

translate

Translate

Translate
Adobe Community Professional ,
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/

Likes

translate

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
New Here ,
Mar 16, 2021 Mar 16, 2021

Copy link to clipboard

Copied

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

Likes

translate

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
Adobe Community Professional ,
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.

Likes

translate

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
New Here ,
Mar 16, 2021 Mar 16, 2021

Copy link to clipboard

Copied

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

Likes

translate

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