Wofür Favicon-Generator gedacht ist
Aus einem Bild oder einem Buchstaben auf Farbe ein komplettes Icon-Paket schnüren: fünf PNG-Größen, ein fertiges favicon.ico und das HTML-Stück für den Kopf der Seite.
Bedienung
- 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.
Fragen und Antworten
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.
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.
Was das Werkzeug kann
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
Diese Werkzeuge passen: