Preparing the favicon editor...
If you fill there is something wrong, please contact us, describe what you were doing and insert the following text in your email, it will help us spot the error:
You have chosen to use a specific picture fot the iOS Web clip, but you haven't uploaded any picture. Please upload a picture or choose another option.
You have chosen to use a specific picture fot the Windows 8 tile, but you haven't uploaded any picture. Please upload a picture or choose another option.
You have chosen to not place your files in the root of your web site. Please specify a path.
When generating a favicon with RealFaviconGenerator, the instructions ask you to place all files at the root of your web site.
You may want to place them in a sub-directory, for example in http://mywebsite.com/icons/
, just to make things clearer.
However, there are three drawbacks with this approach:
favicon.ico
at the root of the web site. Granted: this is because we
ask you to not declare favicon.ico
.apple-touch-icon-144x144.png
at the root of the web site,
as described by Apple.
This issue can be mitigated by declaring the icons in the HTML code (this is necessary for Android anyway),
but following Apple conventions is probably the best move.browserconfig.xml
at the root of the web site.favicon.ico
in the root directory.RealFaviconGenerator can compress the generated pictures. You usually get a 50%-80% compression rate. Not bad! The compression works well on all tested platforms. Even better!
The compression is lossy, meaning you might notice differences between the original and compressed pictures. Yet the differences are (supposed to be) minimal:
Uncompressed picture (36KB) | Compressed picture (14KB) |
---|---|
You can see slight differences in the gradient part:
No zoom | 4x zoom |
---|---|
When you download the compressed pictures, make sure they match your standards.