en

Favicon generator

Turn one image into a complete favicon package: .ico, PNG sizes, apple-touch-icon, web manifest and an HTML snippet. Local, no upload.

Background (iOS icon)
  • White
  • Transparent
  • Black
Background (Android icons)
  • White
  • Transparent
  • Black

Your files

    Running locally on your device ...

    0%

    Your files never left your device

      Is my file uploaded?

      No. Everything runs in your browser - your file never leaves your device. How this is verifiable

      No upload100% local
      Your content stays with youno third-party access
      Servers in GermanyGDPR by design
      Independently auditedTLS A+ · HTTP headers A+

      A favicon is never just one file. Browsers, phones and web apps today expect a whole set of icons in different sizes and formats: the classic favicon.ico with several resolutions for the browser tab, individual PNG files, an apple-touch-icon for the home screen on an iPhone, and larger icons for installing as a web app on Android. This tool takes the fiddly work off your hands and builds the complete set from a single image.

      You drop a square image - ideally a PNG at least 512 pixels on each side - and get a ZIP file back. Inside it are favicon.ico (16, 32 and 48 pixels), the individual PNG symbols, the apple-touch-icon at 180 pixels and the two app icons at 192 and 512 pixels. Alongside them you get a ready-made site.webmanifest and a short HTML snippet you paste straight into the head of your page. That wires everything up without you having to assemble the individual references yourself.

      The image is fitted into each size without cropping and placed centred. The browser symbols keep their transparency; the app icons for iOS and Android are placed on a background, because those systems otherwise render transparency as black - whether white, black or transparent after all is your choice, set separately per platform (say white for the iPhone icon and transparent for the Android icon). As with every tool here, the entire conversion happens in the browser. Your image is not uploaded and no library is loaded from a foreign server.

      Specifications

      Specifications
      Input formatsPNG, JPG, JPEG, WEBP, GIF, BMP
      Output formatZIP
      Batch processingNo
      ProcessingLocally in your browser (JavaScript)
      File uploadNone

      In 3 steps

      1. Drop a square image (a PNG from 512 px is ideal).
      2. Choose the background for the iOS and Android icons (set separately).
      3. Download and unpack the ZIP package.

      Limitations: The tool builds a ZIP with favicon.ico (16/32/48), favicon-16/32, an apple-touch-icon (180), Android icons (192/512), a site.webmanifest and an HTML snippet. The source is a raster image (PNG, JPG, WebP, GIF, BMP); SVG is not read here. An image that is too small is upscaled and may look blurry - square and large works best.

      FAQ

      Is my image uploaded?

      No. The whole package is built locally in your browser - even in airplane mode. The image never leaves your device.

      What is in the ZIP?

      favicon.ico with 16/32/48 pixels, individual PNG symbols, the apple-touch-icon, two app icons (192/512), a site.webmanifest and an HTML snippet for the head.

      Why do the app icons have a background?

      iOS and Android render transparent areas in app icons as black. So they are placed on a background; you pick white, black or transparent - separately for iOS and Android, in case they should look different.

      What image size should I use?

      A square image at least 512 pixels on each side. All smaller sizes are cleanly scaled down from it.

      Related tools