Skip to content
Appachi Tools

Favicon Generator

Upload one image and get every standard favicon size — browser tab, Apple touch icon, and Android/PWA sizes — plus the exact <link> tags to paste into your page.

Choose an image or drag & drop — at least 512×512px works best

PNG, JPG, SVG or WebP — never uploaded, resized locally

About the Favicon Generator

A single source image gets resized into every size real browsers and devices actually request: a small 16-32px icon for browser tabs and bookmarks, a 180px Apple touch icon for iOS home-screen shortcuts, and 192/512px icons for Android and installable web apps (PWAs). Missing a size doesn't break anything outright, but the platform typically falls back to a blurry upscale of whatever's available.

Modern best practice favors PNG or SVG favicons referenced directly with <link rel="icon">, with the legacy .ico format now mostly a fallback for very old browsers rather than a requirement — which is why this generator focuses on PNG output rather than producing a binary .ico container.

How to use it

  1. 1Upload a square source image — at least 512×512px works best.
  2. 2Preview each generated size.
  3. 3Download the PNGs and copy the <link> tags into your page's <head>.

Features

  • Generates 16, 32, 48, 180 (Apple touch), 192 and 512px PNGs
  • Download all sizes individually, resized locally in your browser
  • Ready-to-paste <link> tags for every size
  • Works from any image your browser can decode — PNG, JPG, SVG, WebP

Frequently asked questions

What size should my source image be?

At least 512×512px, square. Every output size is scaled down from it, so starting smaller than the largest generated size means that icon gets upscaled and looks soft.

Do I still need a .ico file?

Not really for modern browsers — a PNG or SVG referenced with <link rel="icon"> is widely supported today. .ico mainly remains a fallback for very old browsers, which is why this tool generates PNGs rather than a .ico container.

What is the 180px icon for specifically?

That's the Apple touch icon size — what shows up when someone adds your site to their iOS home screen.

Is my image uploaded anywhere?

No. Resizing happens entirely in your browser using the Canvas API; the image never leaves your device.

Related tools