Tip: Please give your vote in at least one Picks Poll to enable search results. Thank you.
Search for phrase rather than keywords

How to create a Favicon for your website

24th Feb 2012

Page: prev. | 1 | next

A Favicon is a 16 pixels by 16 pixels icon that is displayed next to a website's URL in the address bar of a web browser, on the tab in which the page is displayed, and next to the site's name if bookmarked.

Browser tab with Favicon

Adding a Favicon is simple.

First you need an image you wish to use as your icon rescaled to 16 pixels by 16 pixels.

Second, you need to save the image as an icon file (.ico) named favicon.ico to use.

If you do not have access to a software program that is able to save .ico files but are using Photoshop, you can download an ICO plugin from Telegraphics that allows opening and saving of icon files. If you do not use Photoshop, you can use an online converter by to convert an image file to an .ico file.

48 pixels by 48 pixels image 16 pixels by 16 pixels icon
48 pixels by 48 pixels image rescaled to 16 pixels by 16 pixels.

Once you have your icon file, upload it to your website's root directory (e.g.

Most browsers will find your site's Favicon automatically once uploaded, but just in case it is worth adding a link in your pages HTML source code. Include the following HTML code in each page's <head> section, replacing with the correct domain name of your site:

<link rel="shortcut icon" type="image/x-icon" href="" />

That's it—your site now has a Favicon. If it does not show up right away, try refreshing the page, closing and re-opening your browser, or clearing your cache.

Page: prev. | 1 | next

Tags: favicon, HTML, website icon


Illustrations, paintings, and cartoons featuring caricatured celebrities are intended purely as parody and fantasised depictions often relating to a particular news story, and often parodying said story and the media and pop cultural representation of said celebrity as much as anything else. Who am I really satirising? Read more.

Privacy policy

No cookies, ad and tracker free. Read more.