Create a Favicon with Photoshop

Cre­ate a Fav­i­con with Photoshop

While you are work­ing on your image or brand, you may want to cre­ate your cus­tom fav­i­con which will dis­play in your vis­i­tors browser tabs as a small image.

Here is how to cre­ate your favicon.

Before you start, you need to add a plug-in to your Pho­to­shop to allow sav­ing your image in .ico format.

1. Down­load the plug-in from here.

2. Unzip and extract the files.

3. Load the file ICOFormat.8bi into your Pho­to­shop plug-ins folder. (This is typ­i­cally in drive C under Pro­gramm Files — Adobe — Pho­to­shop CS4 — Plug-ins)

4. Fire up your Pho­to­shop and cre­ate a new image with size 64x64 pix­els (the icon will be saved as 16x16 pix­els but it’s eas­ier to cre­ate on a big­ger format).

Fav­i­con Design 64x64

Fav­i­con Icon 16x16

When resiz­ing the image from 64 pix­els to 16 pix­els, resam­ple the image with ‘Bicu­bic 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 Yor­goTalk for fur­ther tips.

• fav­i­con 64x64
• 64x64
• fav­i­con photoshop
• cre­ate fav­i­con pho­to­shop cs4
• design fav­i­con
• 64x64 fav­i­con
• fav­i­con 16x16
• fav­i­con
• cre­ate fav­i­con in photoshop
• how to cre­ate a fav­i­con in pho­to­shop cs4

Related posts:

1. Page Curl by Pho­to­shop Ycademy
2. Book cov­ers and Jewel Cases with Photoshop
3. Pho­to­shop Bor­ders Ycademy
4. Pho­to­shop Ycademy
5. How to use Pho­to­shop Actions

Tags: Favicon with Photoshop, How to create a Favicon, Ycademy, Yorgo Nestoridis

This entry was posted on February 15, 2010 at 9:30 pm and is filed under Photoshop, Trainings Coaching and Seminars, Ycademy. You can follow any responses to this entry through the RSS 2.0 feed.