Favicon-Generator

Kostenloser Favicon-Generator: Erstellen Sie favicon.ico, PNG-Icons, das Apple Touch Icon und das Web-Manifest aus Bild, SVG oder Text und Emoji im Browser.

Die Bilder werden von Ihrem Browser gelesen und nirgendwohin gesendet. Kein Upload, keine Speicherung.

Was er macht

Ein Favicon ist das kleine Symbol, das der Browser im Tab, in den Lesezeichen und im Verlauf anzeigt; Smartphones nutzen es auch, wenn jemand Ihre Website zum Startbildschirm hinzufügt. Dieser Generator erstellt alle Dateien, die eine Website braucht, aus einem Bild, einem SVG-Logo oder ein paar Buchstaben oder einem Emoji: favicon.ico mit Bildern in 16, 32 und 48 Pixeln, PNG-Icons in 16, 32, 192 und 512 Pixeln, das Apple Touch Icon mit 180 Pixeln, das Web-Manifest und die HTML-Tags zum Einfügen in Ihre Seite.

So wird er benutzt

  1. Wählen Sie ein Bild oder SVG aus, oder geben Sie ein bis zwei Buchstaben oder ein Emoji ein.
  2. Passen Sie Form, Hintergrund und Rand an und beobachten Sie dabei die Vorschau.
  3. Laden Sie das ZIP herunter, legen Sie die Dateien im Stammverzeichnis Ihrer Website ab und fügen Sie das HTML im <head> ein.

Häufige Fragen

Welche Dateien brauche ich wirklich?
Die favicon.ico im Stammverzeichnis der Website deckt alle Browser ab. Die apple-touch-icon.png mit 180 Pixeln zeigen iPhone und iPad auf dem Home-Bildschirm an, und die PNGs mit 192 und 512 Pixeln samt Web-Manifest nutzt Android. Das ZIP enthält alle.

Warum hat das Apple Touch Icon einen Hintergrund?
iOS füllt transparente Bereiche dieses Symbols mit Schwarz und rundet die Ecken selbst ab, daher wird es immer quadratisch und deckend erzeugt, mit Weiß dahinter, wenn Sie einen transparenten Hintergrund gewählt haben.

Welches Bild funktioniert am besten?
Ein quadratisches Logo oder Symbol mit wenigen Details, mindestens 512 Pixel groß oder als SVG. Text und dünne Linien verschwinden bei 16 Pixeln; prüfen Sie die Vorschauen mit 16 und 32 Pixeln und nutzen Sie den Rand, wenn die Form an die Kanten stößt.

Mein neues Favicon erscheint nicht. Warum?
Browser speichern Favicons sehr lange im Cache. Öffnen Sie favicon.ico direkt im Browser und laden Sie es neu, oder testen Sie in einem privaten Fenster; Suchmaschinen brauchen manchmal Tage oder Wochen, um das neue Symbol anzuzeigen.

Wird mein Bild hochgeladen?
Nein. Die Icons werden gezeichnet und die Dateien in Ihrem Browser erstellt; nichts wird an einen Server gesendet.

⭐ PNG in ICO umwandeln
🖼 SVG in PNG umwandeln
📐 Bildgrößenänderung

Wikipedia — Favicon
Wikipedia — ICO (file format)