Drop a logo or image and download every icon file a website needs: a proper multi-size favicon.ico (16/32/48), the PNG set browsers and PWAs look for (16, 32, 180 apple-touch, 192, 512), and a copy-paste HTML snippet.
The stage previews your icon at real tab sizes before you commit — because a logo that works at 512px often dies at 16.
Every icon file a site needs
A proper favicon is not one file but several: a multi-size favicon.ico, PNGs at 16, 32, 180 (Apple touch), 192 and 512, plus the HTML to reference them. pixelpix generates the whole pack from one image and previews it at real tab sizes, because a logo that works at 512px often dies at 16.
How it works
Drop your logo (PNG with transparency works best).
Check the real-size previews — crop first if the framing's off.
Download the pack and drop the files at your site root.
Like every pixelpix tool, this runs 100% in your browser: your file is never uploaded to a server, never leaves your device, and works even offline once the page has loaded.
Frequently asked questions
What files are in the favicon pack?
A multi-size favicon.ico, the standard PNG set (16/32/180/192/512) and a copy-paste HTML snippet — everything a modern site and PWA expects.
Do I need a square image?
It helps. Non-square images are centre-cropped to a square exactly as the pack is baked; crop first if you want different framing.
How do I install the favicon?
Unzip the pack to your site root and paste the included HTML snippet into your page head.