Favicon-Generator
Lad ein quadratisches Logo hoch und erhalte jedes Symbol, das eine moderne Website braucht – favicon.ico, PNG mit 16 und 32 px, ein Apple Touch Icon mit 180 px, Android-Symbole mit 192 und 512 px und eine site.webmanifest – dazu das HTML zum Einfügen in deine Seite.
Läuft im Browser
So geht's
- Ein quadratisches PNG oder SVG ablegen (512 px oder größer).
- Bei Bedarf Abstand oder eine Hintergrundfarbe hinzufügen.
- Auf „Erzeugen“ klicken und das ZIP herunterladen.
- Die Dateien ins Stammverzeichnis deiner Website legen und das HTML einfügen.
Wie es funktioniert
Jede Größe wird einzeln und mit hochwertiger Glättung aus deinem Ausgangsbild gerendert. Die favicon.ico enthält PNG-Bilder mit 16, 32 und 48 px in einer Datei – ein Format, das alle Browser und Windows unterstützen. Das Apple Touch Icon sollte unter iOS nicht transparent sein, nimm für Logos mit Transparenz also die Hintergrundoption.
Über das Web-Manifest zeigen Android- und Desktop-Browser dein Symbol an, wenn die Website als App installiert wird.
Beispiele
- Website eines Start-ups
- Ein Logo-PNG mit 1024 px → ein komplettes Favicon-Paket für den Ordner /public.
Typische Anwendungsfälle
- Neue Websites und Web-Apps
- Ein unscharfes Favicon ersetzen
- Progressive Web-Apps (PWA)
Datenschutz und Sicherheit
Dieses Tool läuft vollständig in deinem Browser. Deine Dateien und Texte werden nie auf unsere Server hochgeladen — die Verarbeitung passiert auf deinem Gerät, und auch das Ergebnis entsteht dort. Wie jedes Tool mit Dateien umgeht
Häufige Fragen
Brauche ich favicon.ico überhaupt noch?
Ja, es ist die am breitesten unterstützte Rückfalloption, und Browser fragen /favicon.ico automatisch ab.
Welches Ausgangsbild eignet sich am besten?
Ein schlichtes, quadratisches Logo mit 512 px oder mehr, das auch ganz klein noch erkennbar ist.
Zuletzt aktualisiert: