PNG · SVG · JPEG → Favicon · No upload

Create Favicon from Image

Q: How do I create a favicon from a PNG image?

Upload your PNG to a favicon generator, select the sizes you need (at minimum 16×16 and 32×32), and download the generated files. For a complete set, also generate 180×180 (Apple Touch Icon), 192×192 and 512×512 (PWA).

Q: Can I use a JPEG as a favicon source?

Yes, but JPEG does not support transparency. If your logo has a transparent background, use PNG or SVG. The favicon generator will convert your JPEG to PNG for all output sizes.

Updated: May 2026

Creating a favicon from an existing image is the fastest path to a complete favicon set. Upload your logo or icon once, and generate every size your website needs — in seconds, entirely in your browser.

Generate Favicon from Image →

Free · No upload · All sizes + favicon.ico + manifest

Supported image formats

PNG — Best source format. Supports transparency, lossless compression. Use a square PNG at 512×512 px or larger.
SVG — Ideal for vector logos. The browser renders the SVG at each target resolution for pixel-perfect output.
JPEG — Works well for photos, but does not support transparency. Use PNG if your logo has a transparent background.
WebP — Supported in modern browsers. Works the same as PNG for favicon generation.

What makes a good favicon source image

The source image is scaled down to as small as 16×16 pixels, so simplicity matters. A clean icon or wordmark with high contrast works better than a complex illustration.

Square aspect ratio (1:1) — the tool will not crop automatically.
Minimum 512×512 px for crisp downscaling at all sizes.
Transparent background for PNG — allows the browser to composite over any tab color.
High contrast between icon and background — essential for readability at 16×16.
No thin strokes or fine details that will disappear at small sizes.

What sizes are generated

The generator supports 16 standard sizes across three groups:

Browser favicons: 16×16, 32×32, 48×48, 96×96.
Apple Touch Icons: 57, 60, 72, 76, 114, 120, 144, 152, 180 px.
Android / PWA: 192×192, 256×256, 512×512.

The favicon.ico is generated with 16, 32 and 48 px embedded as PNG — the standard multi-size format supported by all browsers.

HTML to add to your website

After generating, paste the snippet in your <head>:

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="shortcut icon" href="/favicon.ico">
<link rel="manifest" href="/site.webmanifest">
<meta name="theme-color" content="#ffffff">

Frequently asked questions

How do I create a favicon from a PNG image?

Upload your PNG to the favicon generator, choose the sizes you need, click Generate. Download the ZIP with all PNGs, the favicon.ico and the site.webmanifest. Place the files in your web root and add the HTML snippet to your <head>.

What is the best image format for a favicon?

PNG with transparency is the best source format. Use a square image of at least 512×512 pixels. SVG is ideal for vector logos as the browser can render it at any resolution.

Can I use a JPEG as a favicon source?

Yes. The tool converts JPEG to PNG for each output size. Note that JPEG does not support transparency — for logos with transparent backgrounds, use PNG or SVG.

Does image quality degrade when creating small favicons?

At very small sizes (16×16, 32×32), some detail loss is expected. Use a simple, high-contrast icon as the source to minimize this. The browser's built-in Canvas API bilinear downsampling provides good quality.