Favicon-Generator

Laden Sie ein Bild hoch und erhalten Sie automatisch alle nötigen Favicon-Größen (16x16, 32x32, 48x48 und 180x180 für das Apple-Touch-Icon).

Idealerweise ein quadratisches Bild mit guter Auflösung (Logo, Icon...). Ziehen Sie es hierher oder klicken Sie zum Durchsuchen.

So funktioniert es

Sie haben ein Logo (oft ein quadratisches PNG, exportiert aus Figma, Canva oder einem Design-Programm) und müssen es als Tab-Icon und als Startbildschirm-Icon auf Mobilgeräten in Ihre Website einbinden. Statt die Datei manuell für jede Größe zu skalieren, erzeugt dieses Tool mit einem Klick alle erwarteten Varianten: 16x16 und 32x32 für den Browser-Tab, 48x48 für Windows-Verknüpfungen und 180x180 für das Apple-Touch-Icon (Hinzufügen zum iOS-Startbildschirm).

Welche Favicon-Größen sind wirklich nötig?

In der Praxis deckt 32x32 die Mehrheit der modernen Desktop-Browser ab (hochauflösende Bildschirme verwenden oft das Doppelte, daher 48x48), und 180x180 ist die von Apple empfohlene Größe für das Startbildschirm-Icon auf iPhone und iPad. 16x16 bleibt für alte Favoriten nützlich, ist aber nicht mehr zwingend erforderlich.

Wo platziere ich die erzeugten Dateien auf meiner Website?

Platzieren Sie die heruntergeladenen PNG-Dateien im Stammverzeichnis Ihrer Website (zum Beispiel /favicon-32.png ) und verweisen Sie im <head> Ihrer HTML-Seiten mit Tags <link rel="icon"> auf die Standardgrößen und <link rel="apple-touch-icon"> auf die 180x180-Version.

Wie alle unsere Tools läuft dieser Generator zu 100% in Ihrem Browser dank WebAssembly: Ihr Logo wird niemals an einen Server gesendet.