Antworten auf die wichtigsten Fragen rund um Favicons
Ein Favicon (Favorites Icon) ist das kleine Symbol, das im Browser-Tab, in Lesezeichen, in Google-Suchergebnissen und auf dem Smartphone-Home-Screen angezeigt wird. Es hilft Nutzern, deine Website schnell wiederzuerkennen.
Ideal ist ein quadratisches Bild mit mindestens 512×512 Pixeln. Daraus werden alle kleineren Formate generiert. Je größer und schärfer das Original, desto besser das Ergebnis.
PNG mit transparentem Hintergrund ist ideal. SVG funktioniert ebenfalls hervorragend, da es verlustfrei skaliert. JPG ist möglich, unterstützt aber keine Transparenz.
Für eine optimale Abdeckung empfehlen wir mindestens: favicon.ico (für ältere Browser), PNG 32×32 (Standard), Apple Touch Icon 180×180 (für iOS) und PNG 192×192 (für Android). Die weiteren Formate sind optional, sorgen aber für eine perfekte Darstellung überall.
Kopiere den generierten HTML-Code in den -Bereich deiner HTML-Datei. Lade die Favicon-Dateien in das Stammverzeichnis deiner Website hoch. Der Generator erstellt den vollständigen Code mit allen nötigen Link-Tags.
Das Apple Touch Icon wird angezeigt, wenn ein Nutzer deine Website auf dem iPhone oder iPad zum Home-Screen hinzufügt. Es sollte 180×180 Pixel groß sein und wird wie ein App-Symbol dargestellt.
Das Web App Manifest (manifest.json) ist eine JSON-Datei, die Informationen über deine Web-App enthält, einschließlich der Icons für Android-Geräte. Es ist Pflicht für Progressive Web Apps (PWA).
Nein. Die gesamte Verarbeitung findet lokal in deinem Browser statt. Deine Bilder verlassen niemals deinen Computer – es werden keine Daten an Server gesendet.
ICO ist das klassische Favicon-Format und kann mehrere Größen in einer Datei enthalten. PNG ist moderner, bietet bessere Komprimierung und wird von allen modernen Browsern unterstützt. Beide Formate parallel einzusetzen bietet die beste Kompatibilität.
SVG-Favicons skalieren verlustfrei auf jede Größe, unterstützen Dark-Mode-Anpassungen via CSS Media Queries und haben eine sehr kleine Dateigröße. Sie sind die Zukunft der Favicons.
Verwende ein PNG-Bild mit Alphakanal als Ausgangsbild. Der Generator behält die Transparenz bei. Achte darauf, dass dein Motiv auf hellem und dunklem Hintergrund gut erkennbar ist.
Ja. In den Optionen kannst du eine Hintergrundfarbe festlegen oder den Hintergrund transparent lassen. Die gewählte Farbe wird auch im Web App Manifest und in der Browserconfig verwendet.
Die browserconfig.xml ist eine Konfigurationsdatei für Microsoft-Browser und Windows-Kacheln. Sie definiert die Icons und Farben, die auf der Windows-Startseite und im Internet Explorer verwendet werden.
Nach dem Upload zeigt dir die Vorschau, wie dein Favicon im Browser-Tab, in Lesezeichen und auf dem Home-Screen aussieht. Zusätzlich kannst du mit dem Google Favicon Checker testen, wie es in den Suchergebnissen erscheint.
Häufige Ursachen: falscher Dateipfad im HTML-Code, Browser-Cache (versuche Strg+F5), fehlende Dateien im Stammverzeichnis oder falsche MIME-Types auf dem Server. Prüfe die Browser-Konsole auf Fehlermeldungen.
Ja! Das Tool ist vollständig responsiv und funktioniert auf Smartphones und Tablets. Du kannst Bilder direkt aus der Galerie hochladen.
Animierte Favicons (GIF) werden nur von wenigen Browsern unterstützt und sind nicht empfehlenswert. Unser Generator erstellt statische Favicons, die überall funktionieren.
ICO-Dateien sollten unter 100 KB bleiben, PNG-Favicons unter 50 KB. Unser Generator optimiert die Dateigröße automatisch für die bestmögliche Balance zwischen Qualität und Ladezeit.
Mit SVG-Favicons ist das möglich: Über CSS Media Queries im SVG kann das Favicon auf den Darstellungsmodus reagieren. Der Generator unterstützt die Erstellung solcher adaptiven SVG-Favicons.
Ja, der Favicon Generator ist vollständig kostenlos. Es gibt keine versteckten Kosten, keine Wasserzeichen und keine Nutzungsbeschränkungen.