RevealTheme logo

Favicon Generator

Upload one image and download PNG icons resized to eight common favicon dimensions, all generated locally in your browser.

How to use this tool

  1. 1

    Click the file picker and choose any image file (PNG, JPG, SVG, WebP, or GIF).

  2. 2

    Wait a moment while the tool draws your image onto a canvas at each size.

  3. 3

    Preview the eight generated PNGs in the grid, from 16x16 up to 512x512.

  4. 4

    Click Download under each icon to save the individual PNG file you need.

What is a favicon and what sizes do you actually need?

A favicon is the small icon a browser shows in tabs, bookmarks, and history next to a page title. The original favicon was a single 16x16 .ico file, but modern sites need several PNG sizes for different surfaces: 16x16 and 32x32 for browser tabs, 48x48 for the Windows taskbar, 180x180 as the iOS apple-touch-icon for home-screen bookmarks, and 192x192 plus 512x512 for Android and Progressive Web App manifest icons. This tool takes one source image and uses an HTML canvas to redraw it at eight sizes (16, 32, 48, 64, 128, 180, 192, and 512 pixels), exporting each as a PNG via toDataURL. The scaling is a plain canvas drawImage stretch to a square, so it does not preserve aspect ratio or pad non-square images; for the cleanest result, start with an already-square image at 512x512 or larger so every size is a downscale. The output is raw PNG files only. The tool does not produce a multi-resolution .ico file, a site.webmanifest, or the matching HTML link tags, so you add those references yourself.

Common use cases

  • Quickly resizing a logo to all the tab and home-screen icon sizes before launching a new website.

  • Generating the 192x192 and 512x512 PNGs a Progressive Web App manifest requires for installability.

  • Producing a 180x180 apple-touch-icon so a page saved to an iPhone home screen shows a crisp icon.

  • Creating 16x16 and 32x32 tab icons for a side project without opening a desktop image editor.

  • Batch-previewing how a detailed logo holds up when shrunk to tiny sizes, so you can simplify it if needed.

  • Resizing icons offline or on a locked-down work machine where uploading brand assets to a web service is not allowed.

Frequently asked questions

Does this create an .ico file?
No. Every download is a PNG, exported with canvas toDataURL('image/png'). All current browsers accept PNG favicons, but if you specifically need a multi-resolution favicon.ico for legacy Internet Explorer, you will need a separate ICO tool.
What size source image should I use?
Use a square image at 512x512 or larger. The tool only downscales from your original, and downscaling keeps edges sharp, while upscaling a small source makes every icon look soft.
What happens if my image is not square?
It gets stretched. The tool draws your image to fill a square canvas at each size without preserving aspect ratio, so a wide or tall source will look distorted. Crop or pad it to a square before uploading.
Which sizes does it generate?
Eight fixed sizes: 16, 32, 48, 64, 128, 180, 192, and 512 pixels square. You cannot add custom sizes; the list is hard-coded to cover common browser, iOS, Android, and PWA needs.
Does it give me the HTML or manifest code?
No. It outputs only the PNG files. You write the <link rel='icon' sizes='...'> and apple-touch-icon tags, and any web app manifest entries, yourself after downloading the icons.
Is my image uploaded to a server?
No. Everything runs in your browser using a local canvas and object URL. Your image never leaves your device, which is why it also works offline once the page has loaded.

Related tools