Favicon Generator

Generate multiple favicon and app-icon PNG sizes from a source image.

Category: Image Tools

When to use?

Use it to quickly make favicon, apple-touch-icon, and PWA icon images before deploying a website.

How to use

  • Select a near-square source image.
  • Press generate favicon.
  • Save the PNGs of the sizes you need.

Input Explanation

Upload a preferably 1:1 (square) source image (PNG or JPG).

Calculation Basis

It auto-resizes the source into the various web-standard sizes (16×16, 32×32, 48×48, 192×192, 512×512) and bundles them.

Usage Examples

  • Make site icons - Generate 16, 32, 48, 180, 192, 512px icons.
  • Prepare images for upload - Preview the result, then tidy images for blogs, shops, or social media.
  • Compare results - Check original and result side by side for quality and display.

Examples

  • Upload a 512×512 company logo → a favicon set supporting all browsers and OSes
  • A square logo → an icon set for browser tabs, home screens, and PWAs

Cautions

  • It processes via browser canvas, so original metadata (EXIF) may be lost or transparent areas may change color.
  • Extremely high-resolution large files may fail to convert due to browser image-decoding limits.

FAQ

Does it generate ICO files?

It currently generates browser-Canvas-based PNG icons.

Is the uploaded logo stored on a server?

No. The source is read only in the browser to make icons and is not sent out.

What source size is best?

A square image of 512×512 or larger makes all icon sizes sharp.

Which sizes are generated?

Common web/app PNG sizes like 16×16, 32×32, 180×180 (apple touch), 192×192, 512×512.

Related Tools

  • Image Resizer - Resize multiple images in the browser with aspect ratio kept, no server upload.
  • Image Cropper - Enter pixel coordinates to crop just the area you need, in the browser.
  • Image Format Converter - Convert PNG, JPG, and WebP images to each other in the browser.
  • Image Rotate / Flip - Rotate images in 90-degree steps or flip them horizontally/vertically.
  • Image Compressor - Reduce image file size in the browser by adjusting quality and max size.
  • Image Color Extractor - Analyze image pixels in the browser to extract the main color HEX codes.