Fav.NINJA is a work in progress. Is it lacking something, however small, that could be useful to you?
Send us Feedback!
Standard size for a website favicon
Non-retina iPhone and Android devices
High-resolution tablet devices (iPad and Android)
This is a
.ico file containg both a 16x16
image and a 32x32 image.
This is recommended.
This is a
.ico file containing a single 16x16
NOT recommended. This will look terrible on retina displays.
For most websites, the following should be sufficient:
favicon.ico if it is not already so named
http://example.com, then your site's icon should be available at
The icon will then be displayed next to bookmarks, in tabs, etc. across all major browsers.
In addition, for iOS and Android devices, you may want to include a larger icon (this will be displayed on a user's home screen if he saves a link to your site):
.png file linked to above.
favicon-152.png if it is not already so named
<link> tag appears within the
<head> element of each page of your site:
<link rel="apple-touch-icon-precomposed" sizes="152x152" href="/favicon-152.png">
The 152x152 will be used as-is on high-resolution devices like the iPad. Other devices will scale down the image to a suitable size.
For more information on favicons, see the following excellent resources: