Ihr Favicon-Paket ist fertig!
Laden Sie die ZIP-Datei herunter, die alle Favicon-Dateien und die Konfiguration enth lt.
HTML-Code
F gen Sie diesen Code hinzu zu <head> Abschnitt Ihres HTML:
Generieren Sie ein vollst ndiges Favicon-Paket mit allen Gr en f r moderne Browser, Apple-Ger te, Android und WindowsLaden Sie alles, was Sie ben tigen, in einer ZIP-Datei herunter.
Mehrere ICO-Dateien in verschiedenen Gr en sowie einzelne PNG-Dateien f r maximale Kompatibilit t mit allen Browsern, einschlie lich Unterst tzung f r ltere IE-Versionen.
Alle erforderlichen Gr en f r iOS-Ger te, einschlie lich iPhone, iPad und iPad Pro, f r die Funktion Zum Home-Bildschirm hinzuf gen .
Hochaufl sende Icons f r Android-Ger te sowie site.webmanifest f r die Unterst tzung von Progressive Web Apps.
Windows Kachelbilder und browserconfig.xml f r angeheftete Websites in Windows 8.10.11 Startmen .
<head> .
F r optimale Ergebnisse verwenden Sie ein perfekt quadratisches Bild. Nicht quadratische Bilder werden beschnitten oder mit R ndern versehen.
Verwenden Sie mindestens 512x512 Pixel, um scharfe Symbole auf allen Ger ten, einschlie lich hochaufl sender Bildschirme, zu gew hrleisten.
Gestalten Sie Ihr Favicon schlicht und kontrastreich. Details gehen bei kleinen Gr en verloren.
PNG mit Transparenz liefert die besten Ergebnisse. SVG eignet sich ebenfalls hervorragend f r Vektorgrafiken.
Verschiedene Browser, Ger te und Betriebssysteme ben tigen spezifische Favicon-Dateien und -Gr en. Ein Komplettpaket stellt sicher, dass Ihr Symbol berall korrekt angezeigt wird von Browser-Tabs ber iOS-Startbildschirme bis hin zu Windows Kacheln im Startmen .
Wir empfehlen, mit einem quadratischen Bild von mindestens 512 512 Pixeln zu beginnen . So wird eine hohe Qualit t auch bei kleineren Gr en gew hrleistet. Das Tool funktioniert zwar auch mit kleineren Bildern, die Qualit t kann jedoch bei gr eren Symbolen beeintr chtigt werden.
Die Datei site.webmanifest ist eine JSON-Konfigurationsdatei, die Browsern Informationen ber Ihre Web-App bereitstellt, darunter Name, Symbole und Designfarben. Sie ist unerl sslich f r Progressive Web Apps (PWAs) und die Funktion Zum Startbildschirm hinzuf gen auf Android-Ger ten.
Die Datei browserconfig.xml wird verwendet von Windows 8/10/11 zur Konfiguration angehefteter Websites und des Kachel-Erscheinungsbilds. Hier legen Sie fest, welche Bilder f r verschiedene Kachelgr en verwendet werden und welche Hintergrundfarbe f r die Kachel Ihrer Website vorgesehen ist.
F r maximale Kompatibilit t empfehlen wir, alle Dateien einzubinden. Mindestens ben tigen Sie jedoch Folgendes: favicon.ico in Ihrem Stammverzeichnis und apple-touch-icon.png f r iOS-Ger te. Die anderen Dateien verbessern das Nutzungserlebnis auf bestimmten Plattformen.