Ziehe ein Bild hierher oder klicke zum Auswählen
PNG, JPEG, WebP, GIF, BMP, AVIF
So funktioniert es
Erzeugt die Favicons einer Website aus einem einzigen Bild. Es produziert PNG in den üblichen Größen (16, 32, 48, 64 Pixel, Apple- und Android-Symbol) und eine gebrauchsfertige .ico-Datei mit mehreren Größen.
Neben den Bildern liefert es das HTML-Code-Fragment mit den entsprechenden Link-Tags, sodass du es nur noch in den Head deiner Website einfügen und die erzeugten Dateien ablegen musst.
Alles wird in deinem Browser erzeugt: Das Bild wird an keinen Server hochgeladen. Es empfiehlt sich, von einem quadratischen Bild mit schlichtem Design auszugehen, damit es in kleinen Größen gut erkennbar ist.
Anwendungsfälle
- Das Favicon einer neuen Website aus einem Logo erstellen.
- Eine .ico-Datei mit mehreren Größen erzeugen, ohne Bearbeitungsprogramme zu installieren.
- Die Symbole für iOS- und Android-Startbildschirme erhalten.
- Das fertige HTML zum Einfügen mit den Favicon-Tags erhalten.
Häufige Fragen
Welches Ausgangsbild sollte ich verwenden?
Ein quadratisches Bild mit guter Auflösung (idealerweise 512×512 oder mehr) und schlichtem Design. Feine Details gehen bei 16 oder 32 Pixeln verloren, daher funktioniert ein klares, kontrastreiches Symbol besser als ein textlastiges Logo.
Wofür ist die .ico-Datei?
Die .ico ist das klassische Favicon, das viele Browser standardmäßig im Stammverzeichnis der Website suchen. Sie enthält mehrere Größen in einer einzigen Datei und dient daher als Fallback, das mit älteren Browsern kompatibel ist.
Wo platziere ich die Dateien und den Code?
Lade die PNGs und die .ico auf deine Website hoch (normalerweise ins Stammverzeichnis oder einen Ressourcenordner) und füge das erzeugte HTML-Fragment in das Head-Tag ein, wobei du die Pfade bei Bedarf anpasst.
Wird mein Bild auf einen Server hochgeladen?
Nein. Die Erzeugung der Favicons erfolgt vollständig in deinem Browser; das Bild verlässt dein Gerät nie.