PrivTab

Favicon-Generator

Ein Favicon erstellen

Läuft in Ihrem Browser · Kein Hochladen

Das Werkzeug selbst und die Anleitung auf dieser Seite sind vorerst auf Englisch. Es funktioniert genauso: Alles läuft in Ihrem Browser.

Drag & drop your logo or icon here

or

A square PNG or SVG, at least 512 × 512, works best. JPG, WebP and others work too.

Your files stay on your device. Nothing is uploaded.

  • Nichts verlässt Ihr Gerät
  • Keine Größenlimits durch einen Server
  • Keine Anmeldung, kein Wasserzeichen
  • Kostenlos

How to make a favicon

  1. Choose your logo: a square PNG or SVG works best.
  2. Pick fit or fill, add some space around it, and choose a background if you want one. Check the preview.
  3. Download the ZIP, put the files in your website's main folder, and paste the HTML code into your pages.

What you get

  • favicon.ico with 16, 32 and 48 pixel sizes, for all browsers and Windows.
  • favicon-16x16.png and favicon-32x32.png.
  • apple-touch-icon.png (180 × 180) for iPhone and iPad home screens.
  • android-chrome-192x192.png and 512x512.png for Android and installed web apps.
  • site.webmanifest with your site name and theme color.
  • favicon.svg, when you start from an SVG.

Tips

  • Simple shapes and bold letters stay recognizable at 16 pixels; fine details disappear.
  • The Apple touch icon always gets a background color, because iOS shows transparent areas as black.
  • After updating a favicon, browsers may keep showing the old one for a while. A hard refresh helps.

Your images stay on your device

Everything happens in your browser. Your images are never uploaded, so private photos and client work stay with you.

Häufige Fragen

What size should my image be?

At least 512 × 512 pixels, or an SVG, which is sharp at every size.

Where do I put the files?

In the main (root) folder of your website, next to your home page, then paste the HTML code into the <head> of every page.

Are my images uploaded?

No. They are processed in your browser and never sent anywhere.