Favicon-Generator
Aus einem PNG oder SVG einen kompletten Satz Website-Icons erzeugen: favicon.ico, PNGs von 16 bis 512 px, Apple Touch Icon, ein manifest und das HTML-Snippet.
oder Bilder hierher ziehen
Bis zu 30 MBDeine Bilder werden im Browser verarbeitet und nie hochgeladen- 1Auswählen
Ein quadratisches Bild auswählen (am besten 512 px oder größer, oder ein SVG).
- 2Anpassen
Eckenradius und Hintergrund wählen.
- 3Herunterladen
Das zip herunterladen und das enthaltene HTML-Snippet in den <head> deiner Website einfügen.
So funktioniert Favicon-Generator
Was dabei herauskommt
Ein zip mit favicon.ico (16, 32 und 48 px in einer Datei), PNGs in 16, 32, 48, 180, 192 und 512 px, apple-touch-icon.png für den iOS-Homescreen, icon-192 und icon-512 für installierbare Web-Apps, site.webmanifest mit dem eingegebenen App-Namen und head-snippet.html mit den Tags zum Einfügen.
Fang mit dem richtigen Ausgangsbild an
Ein quadratisches PNG mit mindestens 512 px oder ein SVG liefert das sauberste Ergebnis. Denk daran, dass das Symbol im Browser-Tab mit 16 px gelesen wird: Ein komplettes Logo mit Schriftzug wird dort zu Brei. Beschneide es auf das Zeichen oder nimm einen einzelnen Buchstaben. Eckenrundung und Hintergrund gelten für alle Größen gleichzeitig.
Auf die eigene Seite bringen
Kopier die Dateien aus dem zip in den Stammordner deiner Website und füge den Inhalt von head-snippet.html in deinen <head> ein. Browser halten Favicons lange fest. Prüf das Ergebnis deshalb in einem privaten Fenster oder mit einem harten Neuladen.
Häufige Fragen
Werden meine Fotos auf einen Server hochgeladen?
Nein. Alles läuft direkt in deinem Browser, deine Fotos verlassen dein Gerät also nie. Wenn du den Tab schließt, bleibt nichts zurück.
Welche Größen brauche ich?
Eine moderne Website braucht nur favicon.ico, ein PNG mit 32 px, ein Apple Touch Icon mit 180 px und die manifest-Icons mit 192 / 512 px. Das Tool erzeugt sie alle in einem Rutsch.