piapia123
en

Favicon Generator

Images

Everything runs locally in your browser — nothing is uploaded

Drop an image here, or click to choose

Or press Ctrl/⌘ + V to paste a screenshot

PNG / JPEG / WebP / GIF / BMP / AVIF · up to 30 MB each

Turn one image into the set of icons a site needs. A usable set is at least four files: favicon.ico (16/32/48 packed into one file, used by browser tabs and older browsers), apple-touch-icon.png (180, for iOS home screens), and icon-192.png with icon-512.png (PWA and Android). Missing one shows up as "a blank square on some platform" — usually the one you do not use — so this tool hands over the whole set at once. Non-square images are centre-cropped to square (icons must be square; squeezing distorts them), and when the source is too small for the larger sizes, the result says which ones were upscaled.

Features

  • favicon.ico with 16, 32 and 48 packed into a standard ICO
  • apple-touch-icon.png (180), icon-192.png and icon-512.png
  • An optional full set adding 24, 64, 96, 128 and 256
  • Non-square images are centre-cropped to square, never distorted
  • Optional white flattening (some platforms render transparency as a black block)
  • A clear note when the source is too small and icons were upscaled
  • Nothing is uploaded — icons are generated in the browser

How to use

  1. Drop an image in (square, or close to it)
  2. Choose the size set, and whether you want the ICO and white flattening
  3. The whole set appears at once
  4. Download them one by one, or use Download all

FAQ

Where do these files go?
Into the site root, referenced from `<head>`: `<link rel="icon" href="/favicon.ico" sizes="any">`, `<link rel="icon" type="image/png" sizes="192x192" href="/icon-192.png">`, `<link rel="apple-touch-icon" href="/apple-touch-icon.png">`. The ICO in the root is not optional — when a page declares no icon, browsers ask for `/favicon.ico` anyway.
Why must the icon be square?
Because every platform puts it into a square slot. A non-square image dropped in is stretched; so this tool centre-crops the largest square region instead. That loses the sides (or the top and bottom) but keeps the artwork in proportion.
When should white flattening be on?
When the icon has a transparent background and will be shown on a platform that does not handle transparency. Transparent PNG works in most browsers, but some systems (notably certain Android launchers and older iOS) render the transparent area as a black block. Flattening gives consistent results at the cost of blending into arbitrary backgrounds.
Is the image uploaded?
No. Icons are generated by scaling with the browser's own canvas — the image never leaves the machine, and it works offline.

Related tools

Image Converter

Images

Convert between PNG, JPEG, WebP, AVIF, BMP and TIFF, with adjustable quality and size. JPEG output lays a background, so transparency never turns black.

ID Photo Crop

Images

Crop a photo to ID sizes — 25×35 mm, 35×49 mm and US, Japanese or Schengen visa specs — at 300 or 600 DPI. Cover-cropped, so faces never stretch.

Barcode Generator

Images

Generate barcodes online in CODE128, EAN-13, CODE39, ITF-14 or UPC-A, and download them as PNG. Format mismatches are explained instead of rejected.

Image Slicer

Images

Slice an image into a grid for nine-tile posts or a tall image. Six grid shapes, per-tile padding, and names padded for posting in order.

Image Watermark

Images

Add a text watermark to a photo: nine positions plus tiling, with the size scaled to the image so it looks the same at any resolution.

Placeholder Image

Images

Generate a placeholder image of any size with the dimensions written on it, for mockups, prototypes and layout previews. SVG by default, or PNG and JPEG.

← Back to all tools