AZ Tools

Favicon Generator (multi-size PNG)

File

Drop a logo or icon and the tool renders 10 PNGs at the sizes browsers and OSes actually request: 16/32/48 for legacy favicons, 180 for Apple touch icon, 192/512 for PWA manifest icons. Optional background color (or transparent) and padding percentage. A ready-to-paste `<link>` snippet is generated. All rendering uses canvas — your image never leaves the browser.

Drop an image to generate the icon pack.

How to use

  1. Drop a square source image (PNG/SVG/JPG, ideally 512×512 or larger).
  2. Pick background (transparent or color) and padding %.
  3. Download individual sizes or all at once, then paste the HTML snippet into your `<head>`.

Frequently asked questions

Why so many sizes?
Each environment picks the size closest to its needs without scaling. Browsers prefer 32, Apple touch wants 180, Chrome PWA installs need 192/512, Windows tiles use 144/270. Shipping all of them is the safe path.
Where's the .ico file?
Modern browsers prefer PNG. If you still need `favicon.ico`, rename `favicon-32.png` to `favicon.ico` — most browsers accept a PNG with the .ico extension.
My image looks pixelated at 16×16.
Use a simpler version of your logo for the small sizes — fine detail disappears at favicon scale. Many sites use a separate 'mark' for icons under 32px.
Transparent vs solid background?
Transparent looks better on dark/light browsers and PWA installs. Solid (white/brand color) reads more like a button on iOS home screens.

Related tools