Why 16px matters
Most logos are designed large, but browser tabs compress them into a tiny square. High contrast, simple shapes, and reduced detail usually win.
01
Upload Your Logo
Drop your logo here
or click to browse
PNG · JPG · SVG · WebP · GIF
02
Favicon Settings
03
Live Preview
16×16
Browser Tab
32×32
Standard Favicon
180×180
Apple Touch
192×192
Android Chrome
512×512
PWA Splash
04
16px Readability Test
The moment of truth. See how your favicon actually looks where it lives.
Upload a logo to run the readability test
06
Your Favicon Pack
Upload a logo to generate your favicon pack
Install Guide
How to add the favicon pack to your website
- Download the ZIP and place every file from the favicon-pack folder in your website root.
- Paste the generated HTML snippet into the document head on your pages or layout template.
- Clear your browser cache, then check the icon in tabs, bookmarks, and mobile home screen previews.
What files are included
The pack includes PNG favicons, a real multi-size ICO, Apple and Android icons, a maskable PWA icon, a manifest, and install notes.
When to redesign
If the favicon becomes a smudge at 16px, use a simplified brand mark instead of forcing the full logo into the smallest context.