Upload any image and generate favicons in every size your website needs. Get browser tabs, Apple Touch Icons, Android Chrome, and PWA icons with ready-to-use HTML code.
A polished favicon is just the start. OneStepToRank helps your business dominate local search results with real-time rank tracking and automated optimization across your entire service area.
Get Started FreeA favicon (short for "favorites icon") is the small icon displayed in browser tabs, bookmarks, history entries, and address bars when users visit your website. Originally introduced by Internet Explorer 5 in 1999 as a 16x16 pixel ICO file, favicons have evolved significantly. Modern websites need to provide multiple favicon sizes to support different platforms and devices: tiny icons for browser tabs, medium icons for desktop shortcuts and taskbars, and large icons for mobile home screens and Progressive Web App splash screens. A well-designed favicon reinforces brand recognition across every touchpoint where users interact with your site.
The favicon landscape can be confusing because different browsers, operating systems, and devices expect different sizes. Here is a breakdown of the most important sizes: 16x16 is the classic browser tab icon used by all desktop browsers. 32x32 is used by retina displays in browser tabs and by Windows for taskbar shortcuts. 48x48 and 64x64 are used by Windows for desktop shortcuts and pinned tiles. 128x128 is required for Chrome Web Store listings. 180x180 is the Apple Touch Icon used when iOS users save your site to their home screen. 192x192 is used by Android Chrome for home screen icons. And 512x512 is used by PWAs for splash screens and larger icon contexts. At a minimum, every website should have a 32x32 PNG favicon and a 180x180 Apple Touch Icon.
For maximum compatibility, use PNG format for all favicon sizes. PNG supports transparency and is universally supported by modern browsers. The traditional ICO format, which bundles multiple sizes into a single file, is only necessary for legacy Internet Explorer support. SVG favicons are gaining traction and offer resolution independence, but browser support is not yet complete. When creating your source image, start with a square image of at least 512x512 pixels for the sharpest results at all sizes. Simple, bold designs with limited detail work best at small sizes -- fine text and intricate patterns become illegible at 16x16 pixels. Use solid, recognizable shapes and contrasting colors. Finally, always test your favicons across multiple browsers and devices to ensure they look good everywhere.