Über Favicon-Größen-Generator
Zyffs Favicon-Größen-Generator rendert aus einem Bild alle Größen auf einmal: die klassischen Bilder mit 16, 24, 32, 48, 64, 128 und 256 px in einer einzigen favicon.ico, eigenständige PNGs mit 16, 32, 48, 64, 96, 128, 144, 192, 256 und 512, die apple-touch-Symbole mit 120, 152, 167 und 180, die Android- und PWA-Größen von 48 bis 512, ein maskierbares Symbol, das Web-Manifest, das sie referenziert, und das Windows-Kachel-XML. Alles kommt mit bereits geschriebenem Head-Schnipsel, und Sie können den ganzen Satz als ein ZIP herunterladen. Das Rendern läuft auf Zyffs Servern aus einem 1024-px-Master, nur im Arbeitsspeicher, Ihr Upload wird also nie gespeichert.
So erzeugen Sie jede Favicon-Größe
Laden Sie ein Master-Bild hoch
Werfen Sie die größte quadratische Fassung hinein, die Sie haben. Eine Quelle mit 512 px ist das praktische Minimum, 1024 px oder ein Vektor ist besser — jede kleinere Größe wird aus einem Master-Rendering heruntergerechnet statt voneinander abgeleitet, und genau das hält die 16-px-Fassung lesbar.
Prüfen Sie die Größenauswahl
Diese Seite öffnet mit jeder angehakten Größe. Haken Sie ab, was Sie sicher nicht brauchen — 128 und 384 werden selten angefordert — oder lassen Sie alle an und nehmen Sie das ganze Paket im ZIP mit.
Sehen Sie sich die 16-px-Vorschau an
Das kleinste Symbol entscheidet, ob der Satz funktioniert. Detail, das bei 512 px lesbar ist, wird bei 16 zu Matsch, und das ist der Moment, die Quelle zu vereinfachen — nicht erst, nachdem Sie die Tags eingefügt haben.
Laden Sie das ZIP herunter
Ein Archiv mit jeder Datei unter den Pfaden, auf die der erzeugte Schnipsel verweist, sodass das HTML funktioniert, sobald die Dateien an Ort und Stelle sind.
Fügen Sie den Head-Schnipsel ein
Kopieren Sie die erzeugten link-Tags in Ihren <head>. Jedes trägt ein ausdrückliches sizes-Attribut, und genau das lässt einen Browser oder Crawler die richtige Datei wählen, statt zu raten.
Was Favicon-Größen-Generator kann
Jede Größe in einem Durchgang
ICO von 16 bis 256, PNGs von 16 bis 512, apple-touch in vier Größen, Android und PWA von 48 bis 512, dazu ein maskierbares Symbol. Kein zweiter Upload und kein erneutes Rendern pro Größe.
Ein Master, dann Herunterskalierungen
Die Quelle wird einmal mit 1024 px gerendert, und jedes Element wird davon heruntergerechnet. Herunterskalierungen zu verketten — 512 auf 256 auf 128 — häuft Resampling-Fehler an, und das zeigt sich zuerst bei 16 px.
sizes-Attribute für Sie geschrieben
Jedes link-Tag deklariert seinen eigenen sizes-Wert. Google wählt das Favicon neben einem Ergebnis aus einem crawlbaren Symbol, dessen Größe ein Vielfaches von 48 ist, und es kann das nur am Attribut erkennen.
Manifest und Kachel-XML inklusive
Das Web-Manifest, das auf die Android-Größen verweist, und das browserconfig-XML für ältere Windows-Kacheln werden zusammen mit den Bildern erzeugt und zeigen auf dieselben Pfade.
ZIP-Download
Der ganze Satz als ein Archiv, so angeordnet, dass es zum Schnipsel passt, sodass nichts umzubenennen ist.
At a glance
| Verfügbare ICO-Größen | 16, 24, 32, 48, 64, 128, 256 px, in einer Datei mit mehreren Bildern |
|---|---|
| Verfügbare PNG-Größen | 16, 32, 48, 64, 96, 128, 144, 192, 256 und 512 px |
| apple-touch-Größen | 120, 152, 167, 180 px (180 ist die einzige, die das aktuelle iOS braucht) |
| Android- / PWA-Größen | 48, 72, 96, 144, 192, 256, 384, 512 px, dazu ein maskierbares mit 512 px |
| Master-Rendering | 1024 px, mit jedem davon heruntergerechneten Element |
| Eingabe | PNG, JPG, WebP, AVIF oder SVG bis 25 MB, 100 Megapixel |
| Erzeugte Textdateien | site.webmanifest und browserconfig.xml |
Frequently asked questions
Welche Favicon-Größen brauche ich 2026 wirklich?
Ein praktisches Minimum ist ein 32-px-PNG, ein 180-px-apple-touch-icon, ein 192er und ein 512er für Android und das Manifest sowie eine favicon.ico mit 16 und 32 für alles Ältere. Nehmen Sie 48 dazu, wenn Ihnen das Symbol neben Ihrem Suchergebnis bei Google wichtig ist, denn Google berücksichtigt nur Symbole, deren Größe ein Vielfaches von 48 ist. Der Rest der Matrix ist Absicherung und keine Pflicht.
Warum will Google eine Favicon-Größe, die ein Vielfaches von 48 ist?
Googles Dokumentation sagt, es wählt ein Symbol, dessen Maße ein Vielfaches von 48 px sind, und es liest die Größe aus dem sizes-Attribut Ihres link-Tags, statt jeden Kandidaten abzurufen. Eine Seite, die nur Symbole mit 16 und 32 px ausliefert, hat keine geeignete Datei — deshalb kann ein Favicon im Browser-Tab bestens sichtbar und im Suchergebnis trotzdem abwesend sein.
Welche Größe fordert welcher Browser oder welches Betriebssystem an?
Desktop-Browser nehmen das kleinste ausreichende PNG für den Tab, meist 16 oder 32. iOS nutzt apple-touch-icon mit 180 und skaliert es für kleinere Geräte herunter. Android und installierte PWAs lesen das Manifest und nehmen 192 für den Starter und 512 für den Startbildschirm. Angeheftete Windows-Kacheln lesen browserconfig.xml. Die .ico ist der Rückfall, den alles Ungenannte versucht.
Ist ein größeres Favicon immer besser?
Nein, und genau hier gehen die meisten Sätze schief. Ein 512-px-Symbol, das der Browser auf 16 px herunterskaliert, sieht schlechter aus als eine bewusst gezeichnete 16-px-Datei, denn das Herunterskalieren des Browsers ist schnell statt sorgfältig. Die kleinen Größen als echte Dateien auszuliefern ist der ganze Grund, warum es die Matrix gibt statt eines großen PNG.
Muss ich jede Datei aus dem ZIP verwenden?
Nein. Liefern Sie aus, was Ihre Seite braucht, und löschen Sie den Rest — ein ungenutztes 384-px-PNG kostet nichts außer Unordnung. Worauf es ankommt: Jede Datei, auf die der Head-Schnipsel verweist, muss unter dem genannten Pfad tatsächlich existieren; ein link-Tag, das auf ein fehlendes Symbol zeigt, ist schlimmer als gar kein Tag.
Wohin gehören die Dateien?
Das Wurzelverzeichnis der Seite ist der übliche Ort und der, den der Standard-Schnipsel annimmt, denn /favicon.ico wird von der Wurzel geholt, ob Sie es deklarieren oder nicht. Wenn Sie Symbole aus einem Unterverzeichnis ausliefern, setzen Sie den Basispfad, bevor Sie den Schnipsel kopieren, damit jedes href passt.