Skip to content

Favicon Resizer

Resize a logo or image to the standard favicon and app-icon sizes as PNG files.

How to use the Favicon Resizer

  1. Add a square image — a logo works best.
  2. Choose the icon size you need.
  3. Press Resize. The output is written as PNG.
  4. Repeat for each size you want to ship, or run a batch.

Favicon sizes that matter

  • 32 × 32 — the browser tab icon on most desktop screens.
  • 16 × 16 — the classic size, still used in some lists and bookmarks.
  • 180 × 180 — Apple touch icon for iOS home screens.
  • 192 × 192 and 512 × 512 — Android home screen and web app manifest icons.

Designing an icon that reads at 32 pixels

A favicon is smaller than a word of text. Full logos with a wordmark turn into mush at that size. Use a single strong shape or initial, high contrast against both light and dark tab bars, and no fine detail. Start from a square source image so nothing is cropped away.

Adding the icons to a site

Reference each PNG with a link element in the page head, for example a 32 × 32 icon as rel="icon" and the 180 × 180 version as rel="apple-touch-icon". Listing the sizes attribute lets the browser pick the right file instead of scaling one down.

Frequently asked questions

Can I get an .ico file?
The output is PNG. Modern browsers accept PNG favicons declared with a link element; an ICO file is only needed for very old browsers that look for /favicon.ico.
Which sizes should I ship?
A 32 × 32 icon, a 180 × 180 Apple touch icon and a 512 × 512 web app icon cover nearly every situation.