Zum Werkzeug springen

StartseiteAnleitungen

Ein Favicon für Ihre Website erstellen

Kurze Antwort

Um ein Favicon zu erstellen, ziehen Sie ein Bild in den Favicon-Generator und klicken auf "Make favicons". Sie erhalten favicon.ico, PNGs mit 16 und 32 Pixeln, ein Apple-Touch-Icon und zwei Android-Icons, mit dem Code zum Einfügen in Ihre Seite.

Favicon-Generator öffnen

Schritte

  1. Öffnen Sie den Favicon-Generator und legen Sie ein Bild ab. Ein quadratisches Bild mit 512 Pixeln oder mehr funktioniert am besten.
  2. Ist es nicht quadratisch, wählen Sie, ob es aus der Mitte quadratisch zugeschnitten wird oder ob es mit durchsichtigen Balken vollständig erhalten bleibt.
  3. Klicken Sie auf "Make favicons" und laden Sie die Dateien herunter, oder alle in einer ZIP-Datei.
  4. Legen Sie die Dateien im Stammordner Ihrer Website ab und fügen Sie den angezeigten Code in den Head Ihrer Seiten ein.

Was Sie bekommen

favicon.ico enthält die Versionen mit 16, 32 und 48 Pixeln in einer Datei. favicon-16x16.png und favicon-32x32.png sind für Browser-Tabs, apple-touch-icon.png (180 Pixel) ist für iPhones und iPads, und Icons mit 192 und 512 Pixeln sind für Android und installierbare Web-Apps.

Die Vorschau zeigt Ihr Icon mit 16, 32 und 64 Pixeln, sodass Sie es vor dem Download prüfen können.

Auch klein gut aussehen

Ein Favicon ist winzig, daher lesen sich eine einfache Form und kräftige Farben am besten. Detailreiche Bilder werden bei 16 Pixeln zu Brei, beginnen Sie also mit einem einfachen Logo oder einem einzelnen Buchstaben.

Ein Bild unter 512 Pixeln wird für die größten Icons hochgerechnet und kann weich wirken, und die Seite sagt Ihnen, wenn das passiert. Ein durchsichtiger Hintergrund bleibt erhalten.

Häufige Fragen

Welche Dateien braucht eine Website für ein Favicon?

Eine favicon.ico, PNGs mit 16 und 32 Pixeln für Tabs, ein Apple-Touch-Icon mit 180 Pixeln und Icons mit 192 und 512 Pixeln für Android. Das Werkzeug erstellt alle.

Wie groß sollte mein Bild sein?

Quadratisch und mindestens 512 mal 512 Pixel. Kleinere Bilder funktionieren, aber die großen Icons wirken weich.

Ist die favicon.ico eine echte ICO-Datei?

Ja. Sie enthält die Icons mit 16, 32 und 48 Pixeln in einer Standard-ICO-Datei.

Verfasst von Basic App Company. Zuletzt am 12. November 2026 mit dem Werkzeug abgeglichen. Das Werkzeug läuft in Ihrem Browser, Ihre Bilder werden also nicht hochgeladen.

Alle Anleitungen