Favicon-Generator

Favicons für deine Website einfach erstellen

Ein Favicon ist das kleine Symbol, das im Browser neben dem Namen einer Website angezeigt wird. Man sieht es beispielsweise im Browser-Tab, in den Lesezeichen oder an verschiedenen anderen Stellen, an denen eine Website wiedererkannt werden soll. Es ist nur wenige Pixel groß, gehört aber trotzdem zum Erscheinungsbild einer Website.

Mit diesem Favicon-Generator kannst du aus einem vorhandenen Bild mehrere passende Favicon-Dateien erstellen. Du brauchst dafür kein Bildbearbeitungsprogramm und musst die verschiedenen Größen auch nicht selbst anlegen.

So funktioniert der Favicon-Generator

Zuerst wählst du ein Bild von deinem Computer aus oder ziehst es direkt in das Feld des Generators. Das kann beispielsweise ein Logo, ein Buchstabe, ein Symbol oder eine andere einfache Grafik sein. Anschließend zeigt dir das Tool eine kleine Vorschau. Mit „Favicons erstellen“ werden automatisch mehrere Größen erzeugt. Dabei wird dein Bild für jede Größe neu berechnet, damit es auch bei kleinen Abmessungen möglichst sauber dargestellt wird.

Erstellt werden Dateien in diesen Größen:

16 × 16 · 32 × 32 · 48 × 48 · 180 × 180 · 192 × 192 · 512 × 512 Pixel

Nach der Erstellung kannst du jede Datei einzeln herunterladen und anschließend auf deinem Webspace beziehungsweise Server verwenden.

Welche Favicon-Größe brauche ich?

Nicht jede Größe hat denselben Zweck. Die kleinen Varianten wie 16 × 16 und 32 × 32 Pixel sind vor allem für die Darstellung im Browser wichtig. Größere Varianten wie 180 × 180, 192 × 192 und 512 × 512 Pixel können beispielsweise für Geräte- und App-Symbole verwendet werden. Deshalb erstellt der Generator gleich mehrere Größen. Du musst nicht vorher überlegen, welche einzelne Datei du benötigst.

Transparenz und runde Darstellung

Wenn dein Ausgangsbild einen transparenten Hintergrund besitzt, kann die Transparenz beibehalten werden. Das ist beispielsweise bei einem Logo ohne weißen Hintergrund praktisch. Zusätzlich kannst du eine runde Darstellung für App-Icons wählen. Das Bild wird dann innerhalb eines runden Bereichs dargestellt. Für ein normales Browser-Favicon ist diese Einstellung nicht zwingend erforderlich.

Deine Bilder bleiben auf deinem Gerät

Das ausgewählte Bild wird direkt in deinem Browser verarbeitet. Es wird nicht auf unseren Server hochgeladen und dort auch nicht gespeichert. Auch die erzeugten Favicon-Dateien werden direkt bei dir erstellt.

Du behältst damit die Kontrolle über deine Dateien und kannst die fertigen Favicons anschließend selbst auf deinen eigenen Webspace oder Server hochladen.

Favicon erstellen

Bild auswählen → Einstellungen festlegen → Favicons erstellen → gewünschte Dateien herunterladen.

Ein zusätzliches Programm ist dafür nicht notwendig.