Apple-Touch-Icon and Favicon Generator
Tool Details and User Instructions
This favicon generator is used to create icons for websites, iOS, iPhone, iPad, Windows Mobile, Windows 8 icons. There are several old favicon makers available out there that don’t work properly or just give you favicon.ico file. But this one is a complete solution for generating icons.
Why are we offering so many sizes?
When anyone says “favicon” your mind straightly goes to “favicon.io or favicon.png” of size 16×16. But this is not the case. Let’s discuss each size we used in our tool:
filename-16×16: The Internet Explorer will use the file with .ico extension. Safari and Chrome may use 16×16 size with .ico extension.
filename-24×24: For IE9 to pin sites for better user experience.
filename-32×32: Works properly in all popular legacy and major browsers. The Internet Explorer 10 uses the size in the address bar.
filename-48×48: Windows site icons.
filename-57×57: The icon size for iPhone (1G to 3G), iPod touch home screen.
filename-60×60: A touch icon size for iPhone non-retina supporting iOS7.
filename-64×64. For the high-definition and high-resolution devices windows site icons.
filename-70×70: Tile image for Windows 8.1 (small).
filename-72×72: For iPad (support of iOS6 or prior version).
filename-76×76: For iPad with iOS7 support.
filename-96×96: Google TV Icon.
filename-114×114: For iPhone retina touch icon (iOS6 or prior support).
filename-120×120: For iPhone retina touch icon (iOS7).
filename-128×128: The icon size for Chrome web store.
filename-144×144: The IE10 uses the size for the pinned sites.
filename-150×150: Square Metro tile image.
filename-152×152: For iPad retina touch icon (iOS7).
filename-196×196: Android Chrome (M31 or higher).
filename-310×150: Wide Metro tile image.
filename-310×310: Large Metro tile image.
Check Favicon Cheat Sheet on Github.
Also check our Robots.txt Generator tool.
Tool Usage Instructions:
1. Upload an image, make sure the supporting extension is .jpg, .jpeg, .png or gif. Maximum upload size is 2MB.
2. Select all sizes by checking “Select All” checkbox or select any size of your choice.
3. If you want to use metro icons: Fill the Site URL, Title, and Background Color text boxes. These are all optional.
4. Fill up the captcha.
5. Hit the “Generate” button.
6. Copy the code from the textarea below and add it to your <head></head> section.
Video Demo
Screenshots
Follow Us
Online Quote