Favicon-Generator: Aufgaben und Grenzen
Dieses Werkzeug erzeugt aus einem Bild oder aus einem Buchstaben auf farbigem Grund ein komplettes Icon-Paket: PNGs in fünf Größen, ein fertiges favicon.ico und das HTML-Snippet für den Kopfbereich der Website.
So gehen Sie vor
- Ein quadratisches Bild wählen oder nur Buchstabe und Farben angeben
- Aus Bild oder aus Buchstabe erzeugen
- favicon.ico und die PNGs herunterladen und ins Wurzelverzeichnis der Website legen
- Das HTML-Snippet in den Kopfbereich einfügen
Typische Anwendungen: Ein neues Projekt mit Icon, Touch-Icon und ICO in einem Durchgang versorgen, Ein Buchstaben-Icon als Platzhalter bauen, bevor es ein Logo gibt, Die Icon-Dateien einer bestehenden Website in passenden Größen erneuern.
Die wichtigsten Möglichkeiten
- PNGs für 16, 32, 48, 180 und 256 Pixel, einzeln herunterladbar
- favicon.ico mit 16/32/48 Pixel, gebaut aus PNG-Einträgen
- Buchstaben-Modus: ein Zeichen auf farbigem Grund, Farben frei wählbar
- Fertiges HTML-Snippet zum Einfügen, mit einem Klick kopierbar
Einschränkungen
Quadratische Vorlagen liefern die besten Ergebnisse; aus rechteckigen Bildern wird der mittlere, quadratische Ausschnitt verwendet. Das ICO enthält die PNG-Daten unverändert – dieses Format wird seit Windows Vista überall gelesen. Abgerundete Ecken oder die Masken bestimmter Plattformen erzeugt das Werkzeug nicht: Wer sie möchte, bereitet die Vorlage entsprechend vor. Alles läuft im Browser; das Bild wird nicht übertragen.
Ergänzende Hinweise
Warum braucht es ein favicon.ico, wenn es PNGs gibt?
Ältere Browser und manche Werkzeuge fragen fest nach /favicon.ico. Das PNG reicht modernen Browsern; das ICO deckt den Rest ab und schadet nicht.
Mein Icon erscheint nach dem Hochladen nicht – woran liegt das?
Fast immer am Cache. Rufen Sie /favicon.ico direkt auf und laden Sie mit hartem Neuladen; danach erscheint es auch im Tab.
Welche Größe braucht das Touch-Icon?
180 Pixel sind der übliche Standard für Apple-Geräte; das Snippet verweist genau auf diese Datei.
Kann das Werkzeug auch PNG-Sprites oder mehrere Bilder auf einmal?
Nein – ein Durchlauf, eine Quelle, ein Paket. Für Varianten führen Sie es je Bild aus.
Diese Werkzeuge passen inhaltlich zu Favicon-Generator: