Favicon erstellen
Ein Bild rein, ein ZIP raus: alle Größen, die .ico für alte Browser, das Manifest und der HTML-Schnipsel zum Einfügen.
Logo hierher ziehen
oder durchsuchen — am besten quadratisch und mindestens 512 × 512
Was im Paket steckt
Zehn Dateien, damit das Symbol überall ankommt.
Der Inhalt
favicon.ico mit 16, 32 und 48 Pixeln in einer Datei · PNGs in 16, 32, 48, 96, 192 und 512 Pixeln · apple-touch-icon.png in 180 Pixeln · site.webmanifest · einbinden.html mit den fertigen Zeilen für deinen <head>.
Warum überhaupt noch .ico
Die klassische favicon.ico im Wurzelverzeichnis wird von Browsern auch dann geholt, wenn im HTML gar nichts steht — und ältere Windows-Browser kennen nur dieses Format. Deshalb ist sie im Paket, mit drei Größen in einer Datei.
Apple mag keine Löcher
Legt jemand deine Seite auf den iPhone-Startbildschirm, wird das apple-touch-icon benutzt — und Transparenz wird dort schwarz. Wenn dein Logo transparent ist, wähle links „weiß füllen" oder eine eigene Hintergrundfarbe.
Klein muss auch noch gehen
Bei 16 Pixeln ist von einem detaillierten Logo nichts mehr zu erkennen. Schau dir die kleinste Größe im Paket an: Wenn sie zu Matsch wird, nimm lieber nur den Buchstaben oder das Kernsymbol deines Logos.
Weiter: quadratisch zuschneiden · Größe ändern · alle Online-Tools