Tinker Tools

Icon Converter Instantly

Convert PNG images to favicon-ready icons at multiple sizes. All processing is done locally in your browser—your images never leave your device.

Preview

Drop your PNG image here or click to browse

Recommended: Square PNG image, 256x256 or larger

How it works

1. Upload PNG

Drag and drop or click to upload a PNG image. For best results, use a square image that is at least 256x256 pixels.

Local Processing

2. Select Sizes

Choose which icon sizes to generate. Standard favicon sizes include 16x16, 32x32, and 48x48. Larger sizes are useful for app icons and high-DPI displays.

Multiple Sizes

3. Download Icons

Preview each generated icon at its actual size. Download individual sizes or all at once with a single click.

High Quality

What Does This Icon Converter Do?

This icon converter takes one source image and redraws it as a set of square PNG files at the standard icon sizes: 16x16, 32x32, 48x48, 64x64, 128x128, and 256x256. You choose which sizes you want, the browser renders each one on its own canvas, and you download the results as individual PNG files. The 16, 32, and 48 pixel sizes are selected by default because those are the dimensions browsers and desktop operating systems reach for most often when showing a site icon.

It is worth being precise about the output, because favicon tooling is full of overlapping formats. This tool produces PNG files and nothing else. It does not build a multi-resolution .ico container, it does not emit an Apple touch icon set, an Android adaptive icon, or a web manifest, and it does not trace your raster image into SVG. If your target is a browser tab, the 32x32 PNG referenced from a link tag is enough for every current browser. If you specifically need a .ico file, generate the sizes here and combine them with a desktop icon editor.

Everything runs locally. The image is read into an object URL, drawn onto a canvas element, and exported with the browser's own PNG encoder. No upload happens at any point, so an unreleased logo or a client's brand mark never leaves the machine you are working on.

Key Features and Benefits

  • Six standard icon sizes — Toggle any combination of 16x16, 32x32, 48x48, 64x64, 128x128, and 256x256. Each selected size is rendered independently from the original image rather than being stepped down from the previous size, so a small output is not degraded by an intermediate resize.
  • High-quality canvas scaling — Rendering uses the canvas image smoothing path at its highest quality setting. That gives cleaner downscaling than a naive nearest-neighbour resize, which matters most when you are going from a large logo down to a 16 pixel tab icon.
  • Transparency preserved — Output is written as PNG, so an alpha channel in the source survives the conversion. Previews sit on a checkerboard background so you can see exactly which parts of the icon are transparent before you download anything.
  • Actual-size previews with file weights — Each generated icon is displayed at its real pixel dimensions, with pixelated rendering for the 16 and 32 pixel outputs so you judge them the way a browser will draw them. The byte size of every file is listed beside it in kilobytes.
  • Individual or batch download — Download any single size on its own, or use Download All to save every generated size in one action. Files are named by dimension, following the favicon-16x16.png pattern, so they drop into a project folder without renaming.
  • Fully client-side processing — The source image is never uploaded. Reading, resizing, and PNG encoding all happen in your browser, and the working files are released as soon as you reset the tool or close the tab.

How to Convert an Image to Icons

  1. 1

    Upload your source image

    Drag an image onto the upload area or click to browse for one. PNG is the recommended input because it carries transparency, and a square source of at least 256x256 pixels gives the best results across every output size. The tool reports the original dimensions once the file loads so you can confirm you picked the right asset.

  2. 2

    Crop to square first if needed

    The image is drawn into a square canvas at each output size, which means a rectangular source is stretched rather than cropped. If your artwork is not already square, crop or pad it to a 1:1 ratio before uploading, otherwise the icons will look horizontally or vertically squashed.

  3. 3

    Select the sizes you need

    Click the size buttons to turn each output on or off. For a website favicon, 16x16 and 32x32 cover browser tabs and bookmark lists. 48x48 is the size Windows uses in Explorer. The larger 128 and 256 pixel outputs are useful for app listings, documentation, and high-density displays.

  4. 4

    Generate and inspect the results

    Press Generate Icons and review each preview at its true size. Detail that reads clearly at 256 pixels often collapses into mush at 16 pixels. If the smallest sizes look unreadable, go back and upload a simplified mark rather than accepting a blurry tab icon.

  5. 5

    Download and reference the files

    Save the sizes you want individually, or grab them all at once. Copy the PNGs into your site's public directory and reference them with link tags, for example a rel="icon" tag pointing at favicon-32x32.png with a matching sizes attribute. Every modern browser accepts a PNG favicon, so no .ico file is required.

Expert Tips for Favicons and App Icons

Design for the smallest size first. A 16x16 icon is 256 pixels in total, which is roughly the budget for one bold shape and one colour contrast. Thin outlines, gradients, and any text below a few characters disappear entirely at that scale. The favicons that actually read in a crowded tab bar are simple silhouettes, so if your full logo is detailed, make a stripped-down monogram or symbol specifically for icon use and feed that into this tool instead.

Browsers cache favicons far more aggressively than ordinary images, often in a store separate from the normal HTTP cache, so swapping the file on your server may not update what returning visitors see for days. The reliable fix is to change the filename or append a version query string when you ship a new icon, for example favicon-32x32.png?v=2, and update the link tag to match. That forces a fresh fetch while still allowing long cache lifetimes for the icon that is actually current.

If a project genuinely requires a multi-resolution .ico file, treat this tool as the first half of that workflow. Generate 16, 32, and 48 pixel PNGs here, then bundle them into a single .ico with a desktop icon editor or a command line tool such as ImageMagick. Keeping the PNGs around is worthwhile regardless, since the manifest and link-tag approach used by modern sites references PNGs directly and never touches the .ico container at all.

Related Tools

Image Resizer

Crop or resize your artwork to a clean square before generating icon sizes

Image Format Converter

Convert a JPEG or WebP source to PNG so transparency is available before conversion

Thumbnail Size Calculator

Check the icon and thumbnail dimensions different platforms expect

A favicon is one of the smallest files you will ship and one of the most visible, sitting in every open tab and bookmark entry. This tool covers the part of that job that a browser can do well: turning a single square image into clean PNG icons at the sizes you actually reference in your markup. Prepare the source with an image resizer or format converter first, check target dimensions with the thumbnail calculator, and reach for a desktop icon editor only in the specific case where a packaged .ico file is required.

Frequently Asked Questions

Recommended Tools

Image Resizer

Resize images instantly in your browser. Adjust width, height, and format with aspect ratio lock.

Image Compressor

Compress images with adjustable quality. Reduce file size while preserving visual quality.

Color Converter

Convert colors between HEX, RGB, HSL, and HSB formats with a live color preview.