How do I add the generated favicon to my website?

Download the PNG sizes you need and copy the generated link tags into the head of your HTML. The snippet uses root paths such as /favicon-32.png, so upload files there or adjust each href to match their actual location. The tool does not publish files to your website.

Why does my logo look blurry as a favicon?

Use a simple symbol rather than a detailed logo or small text. Check the downloaded 16 and 32 pixel versions at their actual size. Start with an image at least 512 pixels on each side for the largest export; enlarging a small original cannot restore detail. Adjust the crop and padding to keep the symbol visible.

What about favicon.ico?

Modern browsers accept a 32×32 PNG as rel="icon". A multi-size .ico is not built here.

No. Start from a PNG or JPEG large enough (512 px or more) for the 512×512.

Is anything sent to a server?

No. Crop and export stay in the tab.

(01) — TOOLS

Cropped favicons.

Drop a logo. Square crop, padding, background. Five PNGs and the <link> snippet. Nothing is sent. Not a multi-size .ico.

At a glance

PNG favicon generator, free, in the browser.
Square crop, 16 / 32 / 180 / 192 / 512 px, HTML snippet.
No multi-size .ico. Nothing is uploaded.
Nothing is sent to a server.

(02) — METHOD

Square, sizes, snippet.

01 — Square

Cover crop: the short side sets the square. Sliders move the frame.

02 — Sizes

16 and 32 (tab), 180 (Apple), 192 and 512 (PWA). PNG, browser canvas.

03 — HTML

Copy the <link> tags into <head>. Put the files at the site root.

(03) — FAQ

Short answers.

How do I add the generated favicon to my website?: Download the PNG sizes you need and copy the generated link tags into the head of your HTML. The snippet uses root paths such as /favicon-32.png, so upload files there or adjust each href to match their actual location. The tool does not publish files to your website.
Why does my logo look blurry as a favicon?: Use a simple symbol rather than a detailed logo or small text. Check the downloaded 16 and 32 pixel versions at their actual size. Start with an image at least 512 pixels on each side for the largest export; enlarging a small original cannot restore detail. Adjust the crop and padding to keep the symbol visible.
What about favicon.ico?: Modern browsers accept a 32×32 PNG as rel="icon". A multi-size .ico is not built here.
SVG?: No. Start from a PNG or JPEG large enough (512 px or more) for the 512×512.
Is anything sent to a server?: No. Crop and export stay in the tab.

← All tools