So erstellen Sie ein Favicon aus einem Bild

Wählen Sie Ihr Logo aus oder ziehen Sie es in das Feld. PNG, JPG, WebP und SVG funktionieren. Ein quadratisches Bild ab 512×512 Pixeln liefert das schärfste Ergebnis.
Ist das Bild nicht quadratisch, wählen Sie Ganzes Bild (alles bleibt sichtbar) oder Füllen und zuschneiden (füllt das Quadrat).
Fügen Sie bei Bedarf Innenabstand, abgerundete Ecken oder eine Hintergrundfarbe hinzu. Die Tab-Vorschau aktualisiert sich sofort.
Laden Sie die ZIP-Datei herunter, laden Sie die Dateien in das Hauptverzeichnis Ihrer Website hoch und fügen Sie den HTML-Code in den <head> ein.

Das ist im Download enthalten

favicon.ico mit 16×16, 32×32 und 48×48 Pixeln
favicon-16x16.png und favicon-32x32.png für Browser-Tabs
apple-touch-icon.png (180×180) für den Home-Bildschirm von iPhone und iPad
android-chrome-192x192.png und android-chrome-512x512.png für Android und PWAs
site.webmanifest und der fertige HTML-Code

Häufige Fragen

Ist der Favicon Generator kostenlos?

Ja, komplett gratis – ohne Limits, Anmeldung oder Wasserzeichen.

Wird mein Logo irgendwo hochgeladen?

Nein. Der Favicon Generator läuft vollständig in Ihrem Browser, Ihr Bild verlässt Ihr Gerät nicht.

Bleibt ein transparenter Hintergrund erhalten?

Ja. Transparente PNG- und SVG-Dateien bleiben transparent. Nur das Apple Touch Icon bekommt einen festen Hintergrund, weil das iPhone transparente Bereiche schwarz darstellt.

Mein Logo ist breit. Funktioniert das?

Breite Logos sind bei 16 Pixeln kaum lesbar. Verwenden Sie nur das Bildzeichen oder den ersten Buchstaben, oder probieren Sie den Text-Favicon-Generator.

Was ist ein Favicon?

Das kleine Symbol einer Website im Browser-Tab, in Lesezeichen und in Suchergebnissen. Mehr dazu in „Favicon – was ist das?“.