favicon.ico aus einem Bild erzeugen
Aus einem Bild eine .ico-Favicon-Datei in mehreren Größen erzeugen.
Mit diesem Tool können Sie ein Favicon erstellen: Es macht aus einem JPG, PNG, WEBP, GIF oder BMP eine favicon.ico. Laden Sie Ihr Logo oder Icon hoch, haken Sie die gewünschten Größen von 16x16 bis 256x256 an und laden Sie die favicon.ico herunter. Alle gewählten Größen werden in einer einzigen ICO-Datei gebündelt, sodass Browser und Betriebssysteme die passende auswählen können. Nehmen Sie am besten ein quadratisches Bild mit einfacher Form, denn ein Favicon wird sehr klein dargestellt.
So erstellen Sie ein Favicon
Laden Sie ein Bild bis 20 MiB hoch, wählen Sie die gewünschten Größen und senden Sie das Formular ab. Zur Auswahl stehen 16, 32, 48, 64, 128 und 256 Pixel; standardmäßig sind alle angehakt. Sie erhalten eine Datei namens favicon.ico, die jede angehakte Größe enthält.
Welche Größen sinnvoll sind
Browser-Tabs nutzen 16x16 und 32x32. Windows-Verknüpfungen und manche Lesezeichenleisten verwenden 48x48 und größere Formate. Alle sechs Größen zu behalten ist unproblematisch, die Datei bleibt klein. Wenn Sie kein Kästchen anhaken, nimmt das Tool automatisch alle sechs Größen auf. Die Transparenz eines PNG bleibt in der ICO-Datei erhalten.
Das Ausgangsbild vorbereiten
Verwenden Sie ein quadratisches Bild, möglichst mindestens 256 mal 256 Pixel, mit einem klaren, einfachen Zeichen und ohne feine Schrift. Details verschwinden bei 16 Pixeln. Ein nicht quadratisches Bild kann verzerrt werden, schneiden Sie es daher vorher quadratisch zu. Ein transparentes PNG sorgt dafür, dass das Icon in hellen wie dunklen Browser-Designs sauber aussieht.
Das Favicon auf Ihrer Website einsetzen
Laden Sie die favicon.ico in das Stammverzeichnis Ihrer Website hoch und binden Sie sie im Head mit einem Link-Tag ein, etwa einer rel=icon-Zeile mit Verweis auf /favicon.ico. Dieses Tool erzeugt nur ICO-Dateien, keine Apple-Touch-Icons und kein Web-Manifest. Zur Vorbereitung des Ausgangsbilds eignen sich Bildgröße ändern oder der Bildkonverter.
Häufig gestellte Fragen
Welches Bild eignet sich für ein Favicon?
Verwenden Sie ein quadratisches Logo oder Icon, möglichst mit 256 mal 256 Pixeln oder mehr, mit einfacher Form und kräftigem Kontrast. Detailreiche Bilder und kleine Schrift sind bei 16 Pixeln im Browser-Tab nicht mehr lesbar.
Welche Größen enthält das Favicon?
Sie können Quadrate mit 16, 32, 48, 64, 128 und 256 Pixeln aufnehmen. Standardmäßig sind alle ausgewählt und werden in einer einzigen favicon.ico gebündelt, sodass jeder Browser und jedes System die Größe wählen kann, die es braucht.
Erzeugt das Tool auch PNG oder Apple-Touch-Icons?
Nein. Die Ausgabe ist eine einzelne favicon.ico. Brauchen Sie ein PNG in einer bestimmten Größe, nutzen Sie Bildgröße ändern. Bei einer SVG-Vorlage kann der SVG-Konverter sie in einer von Ihnen gewählten Breite als PNG ausgeben.
Bleibt die Transparenz im Favicon erhalten?
Ja. Das Bild wird vor dem Schreiben der ICO-Datei in RGBA umgewandelt, daher bleiben transparente Bereiche eines PNG auch im Icon transparent. JPG-Dateien haben keine Transparenz und erhalten deshalb einen einfarbigen Hintergrund.
Wo lege ich die favicon.ico auf meiner Website ab?
Legen Sie die favicon.ico im Stammordner Ihrer Website ab und verweisen Sie im Head der Seite per rel=icon-Link auf /favicon.ico. Browser fragen diesen Pfad standardmäßig ebenfalls an, daher klappt es oft auch ohne das Tag.
Ähnliche Werkzeuge
Hintergrund entfernen
Entfernt den Hintergrund eines Fotos automatisch und liefert ein PNG mit Transparenz.
Werkzeug verwenden →Hintergrund ändern
Tauscht den Hintergrund eines Fotos gegen eine Farbe oder ein eigenes Bild aus.
Werkzeug verwenden →Bildkonverter
Wandelt Bilder zwischen JPG, PNG, WEBP, GIF und BMP um.
Werkzeug verwenden →Bild komprimieren
Verkleinert die Dateigröße von Bildern über Qualitätsstufe und optionale Größenbegrenzung.
Werkzeug verwenden →Bildgröße ändern
Ändert die Abmessungen eines Bildes nach Breite, Höhe oder Prozentwert.
Werkzeug verwenden →Bild in PDF
Fasst ein oder mehrere Bilder in einem einzigen PDF zusammen.
Werkzeug verwenden →