Kostenlos & ohne Anmeldung

Favicon erstellen –
alle Größen aus einem Bild

Bild auswählen, Zuschnitt einstellen, fertigen Satz herunterladen: die kleinen Symbole für den Browser-Tab, das große für den iOS-Startbildschirm, die Android-Kacheln und die klassische favicon.ico. 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.

Das Favicon ist der
leichte Teil

Dateien erzeugen kann dieses Werkzeug. 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