Favicon-Generator
Machen Sie aus Ihrem Logo in einem Schritt einen kompletten Favicon-Satz: eine favicon.ico mit mehreren Größen, ein Apple Touch Icon mit 180 px, Icons mit 192 und 512 px für Android und Web-Apps sowie die HTML-Zeilen für Ihre Website. Ihr Bild wird lokal verarbeitet.
Bilder hier ablegen
oder
Dateien werden auf Ihrem Gerät verarbeitet. Nichts wird hochgeladen.
0 Bytes hochgeladen
So erstellen Sie ein Favicon
- 1
Ziehen Sie ein quadratisches Logo hierher, am besten 512×512 px oder größer, als PNG, JPG oder WebP.
- 2
Wählen Sie optional die Größen in der favicon.ico (standardmäßig 16, 32 und 48 px).
- 3
Laden Sie das ZIP herunter, legen Sie die Dateien ins Stammverzeichnis und fügen Sie das HTML ein.
Was ein Favicon-Satz enthält
Browser und Betriebssysteme suchen Icons an mehreren Stellen: favicon.ico im Stammverzeichnis, PNG-Icons, die im <head> der Seite angegeben sind, und das Apple Touch Icon für Verknüpfungen auf dem Homescreen von iPhone und iPad. Der Generator erstellt alle aus einem einzigen Bild und erhält die Transparenz.
Nicht quadratische Bilder werden mittig auf ein transparentes Quadrat gesetzt statt gestreckt. Die schärfsten kleinen Icons entstehen aus einem einfachen, kräftigen Logo – feine Details verschwinden bei 16 px.
Privat von Grund auf
- Verarbeitung auf Ihrem Gerät – Dateien werden nie hochgeladen.
- Funktioniert offline, sobald die Seite geladen ist.
- Keine Limits bei Anzahl oder Größe – nur die Ihres Geräts.
Häufig gestellte Fragen
Welche Dateien bekomme ich?
favicon.ico (16, 32 und 48 px in einer Datei), favicon-32x32.png, apple-touch-icon.png (180 px), icon-192.png und icon-512.png.
Wohin kommen die Dateien?
Laden Sie sie in das Stammverzeichnis Ihrer Website hoch, sodass sie unter /favicon.ico, /apple-touch-icon.png usw. erreichbar sind. Fügen Sie dann die <link>-Tags in den <head> Ihrer Seiten ein.
Wofür sind die Icons mit 192 und 512 px?
Sie werden von Android und installierbaren Web-Apps (PWA) verwendet. Tragen Sie sie in Ihr Web-App-Manifest ein, falls Sie eines haben.
Kann ich ein SVG-Logo verwenden?
Wandeln Sie es zuerst mit dem Tool SVG in PNG in mindestens 512 px um und verwenden Sie dann das PNG hier.
Wird mein Logo hochgeladen?
Nein. Alle Icons entstehen in Ihrem Browser und werden direkt auf Ihrem Gerät gespeichert.