top tile
start

Portfolio

Ads

Translations

Translate to EnglishÜbersetzen Sie zum Deutsch/GermanΜεταφράστε στα ελληνικά/GreekПереведите к русскому/RussianOversetter til Norsk/NorwegianÖversätta till Svensk/Swedishहिन्दी अनुवाद करने के लिए/HindiTradueix al català/CatalanTulkot uz latviešu/LatvianPreložiť do slovenčiny/SlovakVertaal aan het Nederlands/Dutchترجمة الى العربية/ArabicTraduzca al Español/SpanishTraduisez au Français/FrenchTraduca ad Italiano/ItalianTraduza ao Português/PortugueseПереклад на українську/Ukrainian

 

Favicon.ico Tutorial with Photoshop cs2

Send to a Friend:





Send to a friend:
Here’s a quick tutorial of how to make your favourite icon or Favicon for your website.

I am using Photoshop cs2, but I think it should be okay with later versions. If not please post it here.

First, download the plugin you need for Photoshop. The plugin is here icoformat-18f3-win (for PC) Mac users go here

Extract the file and copy the ICOFormat.8bi file to your Photoshop plugin folder. The path would look something like this C:\Program Files\Adobe\Adobe Photoshop CS2\Plug-Ins

Now start up Photoshop. Make a new file at 16×16 pixels and make what ever graphics you want in that resolution.

Then “save as”, look for ICO (Windows Icon) (*.ICO;*.CUR) and save.

Upload your new .ico file to your server and on your html put this:
<link rel=“shortcut icon” href=“http://www.keyframe5.com/wp-content/themes/keyframe5/favicon.ico” />

Here is my favicon: KeyFrame5 Favicon.ico





Comment Pages

There are 5 comments for Favicon.ico Tutorial with Photoshop cs2

  1. favicon gifNo Gravatar says:

    I am using free tool at animatedfavicon.com. This one works great and its fast

    Agree or Disagree: Thumb up 0 Thumb down 0

  2. ThomNo Gravatar says:

    Thanks. I will check it out.

    Agree or Disagree: Thumb up 0 Thumb down 0

  3. tundeNo Gravatar says:

    The animatedfavicon.com works wonders. I’ve just created a professional looking favicon with it and it was awesome. I’ll recommend it to anyone who wants one done anytime.

    Thanks for the link favicon gif.

    Agree or Disagree: Thumb up 0 Thumb down 0

  4. nikkiNo Gravatar says:

    certainly helpful, nice tutorial!

    Agree or Disagree: Thumb up 0 Thumb down 0

  5. StefanoNo Gravatar says:

    Sup? thanks for this brilliant tutorial. The tutorial helped me improving my skills a little bit more. It’s always awesome to get some formidable inspiration and I hope to find more of such posts here sometimes because nobody will ever stop learning new things. Keep on

    Agree or Disagree: Thumb up 0 Thumb down 0

Comment Pages

Write a Comment