Zum Hauptinhalt springen
PlusImage Tools

Favicon Generator

A favicon is the tiny icon in the browser tab, the bookmark and on the home screen - and for that one job modern browsers want a good dozen different sizes and formats. The favicon generator turns a single image into the complete set: ICO, Apple Touch Icon, Android Chrome icons, a PWA manifest and the ready-made HTML snippet to paste in.

A live look inside

Live preview. It becomes interactive with your account.

What Favicon Generator does

Once upon a time a single favicon.ico in the root directory was enough. Today every browser and operating system expects its own format: Safari wants an Apple Touch Icon at 180 pixels, Android Chrome would like 192 and 512 pixels for the home screen, Windows tiles want something else again, and an installable web app needs a manifest.json. The favicon generator tames that mess and produces everything at once from a single source.

You upload a square image - ideally a logo or a clear graphic - and get a complete set back. It includes the classic multi-size ICO for the tab bar, the Apple Touch Icon for the iPhone home screen, the Android Chrome variants at 192 and 512 pixels and smaller PNG sizes for older browsers. All calculated pixel-perfect so your icon stays sharp at every size.

Conversion runs server-side with Sharp, the fast, high-quality image library. That matters, because a favicon lives and dies by clean edges. Cheap downscaling turns your logo into a blurry blob at 16 pixels. Sharp uses proper downsampling so even the smallest size stays recognisable.

So you never have to piece it together by hand, the tool also delivers the matching PWA manifest and a ready-made HTML snippet with all the link and meta tags. You paste the block into your page head, upload the files, and every platform finds its correct icon. No guessing which line is meant for which browser.

The whole thing is ideal for anything that deserves its own icon: the new landing page, the club project, the client site or your progressive web app. Instead of clicking through five different online tools and still forgetting a format, you get one well-thought-out complete package in a single pass.

Features

Complete icon set

ICO, Apple Touch Icon, Android Chrome icons and PNG fallbacks - every size from one source.

PWA manifest included

A ready manifest.json with the correct icon entries for installable web apps.

Ready-to-paste HTML

All the link and meta tags in one block you paste straight into your page head.

Sharp downsampling

High-quality server-side conversion so your icon stays sharp even at 16 pixels.

Pixel-perfect sizes

Every required size is calculated exactly - no wonky edges, no mush.

One image, one click

Upload a source, download the set. No clicking through five different tools.

How it works

  1. 1

    Upload a source image

    Use a square-ish logo or a clear graphic. The simpler the motif, the better the small sizes look.

  2. 2

    Generate the set

    The tool calculates every size and format server-side - ICO, Apple Touch, Android Chrome and PNGs.

  3. 3

    Copy manifest and HTML

    Take the supplied PWA manifest and the HTML snippet into your project.

  4. 4

    Wire up the files

    Upload the icons to your root directory and add the block to the head - ready for every platform.

Who needs this

→Developers fitting a new website with a clean favicon set.
→Progressive web app owners who need an installable icon.
→Agencies that need a complete icon package per client project fast.
→Clubs and small projects wanting a professional tab icon without a design tool.
→Bloggers who want their logo sharp everywhere from the tab to the home screen.

Frequently asked questions

What size should the source image be?

Ideally at least 512 x 512 pixels and square. Every smaller size is downscaled cleanly from that large source. A simple, high-contrast motif works far better at 16 pixels than a detailed photo.

Why do I need so many different formats?

Because each platform has its own requirements: the tab bar needs ICO, iOS an Apple Touch Icon, Android the Chrome icons, installable web apps a manifest. The generator covers them all at once so your icon shows up correctly everywhere.

What is an Apple Touch Icon?

The icon that appears when someone adds your site to the iPhone or iPad home screen. It is usually 180 x 180 pixels and referenced by its own link tag, which the tool includes in the HTML snippet.

Can I make an icon for a PWA with this?

Yes. The generator produces the 192 and 512 icons Android Chrome expects plus a matching manifest.json. That lets your progressive web app install with the correct icon.

Is transparency preserved?

Yes. If your source is a PNG with a transparent background, it is preserved in the PNG-based icons. Your logo floats cleanly on the tab or home-screen background.

Why server-side instead of in the browser?

The conversion uses Sharp, which applies high-quality downsampling and packs the multiple sizes an ICO needs cleanly together. That gives sharper results than pure browser canvas scaling, especially at the very small sizes.

SVG Rasterizer

Convert SVG vector graphics server-side to PNG, JPG, WebP or AVIF. With DPI control, batch pr…

Image Converter

Convert images between JPG, PNG, WebP, AVIF, GIF, and BMP. Batch conversion with quality cont…

Image Resizer

Resize images by pixels, percentage, or DPI. Includes presets, batch processing, and live pre…

EXIF Metadata Viewer

View EXIF, IPTC, XMP, and ICC metadata. GPS location, camera data, privacy analysis. Strip me…

QR Code Generator

Generate QR codes for URLs, text, vCards, and Wi-Fi. Download as PNG or SVG. Free, instant, n…

Ready to use Favicon Generator?

No installation. No account needed to start. Open it right in your browser.

Open now