Create a Favicon with Photoshop
While you are working on your image or brand, you may want to create your custom favicon which will display in your visitors browser tabs as a small image.
Here is how to create your favicon.
Create your Favicon
Before you start, you need to add a plug-in to your Photoshop to allow saving your image in .ico format.
1. Download the plug-in from here.
2. Unzip and extract the files.
3. Load the file ICOFormat.8bi into your Photoshop plug-ins folder. (This is typically in drive C under Programm Files – Adobe – Photoshop CS4 – Plug-ins)
4. Fire up your Photoshop and create a new image with size 64×64 pixels (the icon will be saved as 16×16 pixels but it’s easier to create on a bigger format).
Favicon Design 64x64
Favicon Icon 16x16
When resizing the image from 64 pixels to 16 pixels, resample the image with ‘Bicubic Sharper’.
5. ‘Save as’ and select the .ico format.
6. Place the image as ‘favicon.ico’ into the root folder of your domain and add the link to the header script of your site.
Done.
Join our call tonight at YorgoTalk for further tips.
If you enjoyed reading the above, please consider following future tips and strategies by RSS reader, Email delivery, or Kindle subscription.
Author: Yorgo Nestoridis, Media Marketing & Publishing, Founder of YORGOO Publishing, YORGOO Press and Semiomantics.
