Favicon-Generator
Laden Sie ein quadratisches Logo hoch, stellen Sie Abstand, Eckenradius und Hintergrund ein, prüfen Sie jede Größe in der Vorschau und laden Sie ein ZIP mit allen Dateien plus den Link-Tags für den Seitenkopf herunter.
Wählen Sie ein Bild, um alle Favicon-Größen zu erzeugen.
Über dieses Tool
Browser, Smartphones und Betriebssysteme verlangen Icons in eigenen Größen: das klassische favicon.ico für alte Browser und Lesezeichen, PNGs mit 16 und 32 px für Tabs, ein 180-px-apple-touch-icon für den iOS-Startbildschirm und Icons mit 192 und 512 px für Android und Progressive Web Apps. Dieser Generator rendert alle aus einer Quelle in hoher Qualität, sodass kleine Größen scharf bleiben statt vom Browser herunterskaliert zu werden.
Die ICO-Datei bündelt die Versionen mit 16, 32 und 48 px mit PNG-Kompression, die jeder moderne Browser versteht. Der Abstand verhindert, dass ein Logo an den Rand stößt, der Eckenradius liefert den abgerundeten Look, den Android und macOS bevorzugen, und ein deckender Hintergrund verhindert, dass transparente Icons auf dunklen Tabs verschwinden. Die Dateien entstehen im Browser und werden nie hochgeladen.
Häufige Fragen
- Welches Ausgangsbild sollte ich verwenden?
- Ein quadratisches PNG oder SVG mit mindestens 512 px und einer einfachen Form. Feine Details verschwinden bei 16 px, kräftige Logos funktionieren am besten.
- Brauche ich favicon.ico noch?
- Es ist der sicherste Rückfall: Browser fordern /favicon.ico automatisch an, und manche Werkzeuge lesen nur diese Datei. Das ZIP enthält sie neben den PNGs.
- Wohin kommen die Dateien?
- In das Stammverzeichnis Ihrer Website; den HTML-Schnipsel fügen Sie in den head Ihrer Seiten ein. Bearbeiten Sie site.webmanifest, um den Namen Ihrer App zu ergänzen.
- Bleibt ein transparenter Hintergrund erhalten?
- Ja, wenn Transparent gewählt ist. Wählen Sie eine Farbe, wenn das Icon auf hellen und dunklen Tabs gleich aussehen soll.