Kostenlos & ohne Anmeldung

Favicon-Generator –
alle Größen aus einem Bild erstellen

Bild auswählen, Zuschnitt einstellen, fertigen Satz herunterladen: Der Favicon-Generator erzeugt die kleinen Symbole für den Browser-Tab, das große für den iOS-Startbildschirm, die Android-Kacheln samt maskable-Varianten, die klassische favicon.ico und die passende site.webmanifest. Dein Bild bleibt dabei auf deinem Rechner – gerechnet wird im Browser, hochgeladen wird nichts.

Kein Upload Kein Wasserzeichen Keine Anmeldung
Bild hierher ziehen oder klicken · PNG, JPG, WebP – oder SVG
am besten quadratisch, mindestens 512 px
Noch nichts geladen.
Die Dateien kommen einzeln nacheinander – der Browser blockt sonst ab der zweiten.

Sobald du ein Bild lädst, erscheinen hier alle Größen.

Ein kleines Bild,
an ziemlich vielen Stellen

Das Favicon ist das Erste, was von deiner Website übrig bleibt, wenn jemand zwanzig Tabs offen hat. Fehlt es, steht dort ein graues Blatt Papier – und deine Seite sieht aus wie ein Entwurf.

Browser-Tab

16 und 32 Pixel. Winzig – deshalb funktioniert ein ganzes Logo hier selten. Nimm das Bildzeichen, nicht den Schriftzug.

Startbildschirm

180 Pixel für iOS, 192 und 512 für Android. Legt sich jemand deine Seite aufs Handy, ist das die App-Kachel.

Lesezeichen & Suche

48 Pixel und die klassische favicon.ico. Ohne sie bleibt der Eintrag in Lesezeichenlisten leer.

Drei Dinge, an denen es
fast immer scheitert

  • Durchsichtiger Hintergrund auf dem iPhone. iOS füllt Transparenz beim Startbildschirm-Symbol schwarz. Dieser Generator gibt dem großen Symbol deshalb immer einen deckenden Grund – auch wenn du oben „durchsichtig“ wählst.
  • Der Browser zeigt wochenlang das alte Bild. Favicons landen in einer eigenen Ablage, die ein normales Neuladen nicht anfasst. Der Ausweg: an die Adresse einen Versionsstempel hängen (?v=…), dann holt der Browser das Symbol sofort neu.
  • Ein zu feines Motiv. Bei 16 Pixeln bleibt von dünnen Linien und Schrift nichts übrig. Probier dein Ergebnis in der Vorschau rechts in Originalgröße an – genau so sieht es im Tab aus.
Support

Häufig gestellte Fragen

Was Kunden vor dem Einbinden am häufigsten fragen.

16 und 32 Pixel für den Browser-Tab, 48 für Lesezeichen, 180 für den iOS-Startbildschirm, 192 und 512 für Android – dazu favicon.ico als Rückfallebene und zwei maskable Symbole, damit Android nichts abschneidet. Der Generator erzeugt genau diesen Satz.
Die .ico ist eine Sammeldatei, die mehrere Größen in einer Datei trägt. Ältere Browser und viele Lesezeichenlisten fragen stur <code>/favicon.ico</code> ab – fehlt sie, bleibt der Eintrag leer. Hier steckt sie als 16, 32 und 48 in einer Datei.
Nein. Alle Größen entstehen im Browser auf deinem Gerät. Das Bild verlässt deinen Rechner nicht – deshalb braucht die Seite auch keine Anmeldung.
iOS füllt durchsichtige Flächen beim Startbildschirm-Symbol schwarz. Der Generator gibt dem großen Symbol deshalb immer einen deckenden Hintergrund, auch wenn du oben „durchsichtig" wählst.
Ja. Lädst du eine SVG hoch, bleibt sie als <code>favicon.svg</code> erhalten und ist in jeder Größe gestochen scharf. Die PNG-Größen entstehen trotzdem, für Browser, die noch keine SVG anzeigen.
Favicons landen in einer eigenen, sehr langlebigen Ablage, die ein normales Neuladen nicht anfasst. Häng an die Adresse einen Versionsstempel (<code>?v=2</code>), dann holt der Browser das Symbol sofort neu. Der fertige Code-Schnipsel oben enthält ihn bereits.

Einzelne Symbole im Detail

Dasselbe Werkzeug, jeweils mit dem Hintergrundwissen zur passenden Datei.

favicon.ico erstellen 16, 32 und 48 Pixel in einer Datei – warum sie bis heute gebraucht wird.
Apple-Touch-Icon 180 Pixel für den iOS-Startbildschirm – und warum es schwarz wird.
Favicon aus SVG Scharf in jeder Größe – worauf eine Favicon-SVG achten muss.
Noch ein kostenloses Werkzeug: Mit dem QR-Code-Generator baust du Codes für Link, WLAN, E-Mail oder Visitenkarte – als PNG oder druckfähiges SVG, auf Wunsch mit deinem Logo.
QR-Code erstellen

Der Favicon-Generator ist der
leichte Teil

Dateien erzeugen kann er. Sie an der richtigen Stelle einbinden, mit Versionsstempel, Manifest und allen Verweisen im Seitenkopf – das ist die Arbeit danach. In pixCMS entfällt sie: dort steckt derselbe Generator im Verwaltungsbereich und setzt das Symbol mit einem Klick auf der ganzen Website ein. Ohne Datei-Gefummel, ohne FTP.

Website mit pixCMS anfragen pixCMS ansehen