Favicon Generator
Erstellen Sie aus jedem Bild alle benötigten Favicon-Formate für Ihre Website – inklusive Apple Touch Icon und Android Icons.
Favicon Generator
Erstellen Sie aus einem Bild alle benötigten Favicon-Größen für Ihre Website (ICO, PNG, Apple Touch Icon).
Bild für Favicon hierher ziehen
Quadratisches Bild empfohlen (min. 512x512 px)
100% Datenschutz
Alle Bilder werden ausschließlich in Ihrem Browser verarbeitet. Es werden keine Daten hochgeladen.
100% Datenschutz
Alle Dateien werden ausschließlich in Ihrem Browser verarbeitet. Es werden keine Daten auf unsere Server hochgeladen. Die Verarbeitung erfolgt komplett lokal auf Ihrem Gerät – Ihre Dateien verlassen niemals Ihren Computer.
Häufig gestellte Fragen zum Favicon Generator
Ein Favicon ist das kleine Symbol, das im Browser-Tab, in den Lesezeichen und auf dem Startbildschirm von Smartphones angezeigt wird. Es stärkt die Markenidentität Ihrer Website.
Der Generator erstellt alle gängigen Favicon-Formate: 16x16, 32x32, 48x48 (ICO), 180x180 (Apple Touch Icon) und 192x192 / 512x512 (Android/PWA Icons).
Idealerweise ein quadratisches PNG oder SVG mit mindestens 512x512 Pixeln. Ein einfaches, gut erkennbares Motiv funktioniert am besten, da das Icon meist sehr klein dargestellt wird.
Laden Sie die erzeugten Dateien in das Stammverzeichnis Ihrer Website hoch und fügen Sie die mitgelieferten HTML-Tags in den <head>-Bereich Ihrer Seite ein.
Das Apple Touch Icon ist ein spezielles Icon im Format 180x180 Pixel, das auf iPhones und iPads angezeigt wird, wenn Nutzer Ihre Website zum Startbildschirm hinzufügen. Ohne dieses Icon verwendet Apple ein automatisch generiertes Screenshot-Vorschaubild.
Verwenden Sie ein quadratisches Bild mit mindestens 512x512 Pixeln. Je höher die Auflösung des Quellbildes, desto schärfer werden die heruntergerechneten Favicon-Größen dargestellt.
Ja, wenn Sie ein PNG-Bild mit transparentem Hintergrund hochladen, bleibt die Transparenz in den erzeugten Favicons erhalten. Beachten Sie jedoch, dass das Apple Touch Icon Transparenz mit einem schwarzen Hintergrund ersetzt.
Moderne Browser unterstützen SVG-Favicons über den Tag <link rel="icon" type="image/svg+xml">. SVGs sind auflösungsunabhängig und besonders scharf. Da ältere Browser SVG-Favicons nicht anzeigen, sollten Sie zusätzlich PNG-Favicons als Fallback bereitstellen.
Laden Sie die Favicon-Dateien auf Ihren Webserver hoch und leeren Sie den Browser-Cache (Strg+F5). Prüfen Sie anschließend den Browser-Tab, die Lesezeichen-Ansicht und auf dem Smartphone den Startbildschirm nach dem Hinzufügen der Seite.
Ja, verschiedene Geräte und Plattformen erwarten unterschiedliche Größen. Desktop-Browser verwenden 16x16 und 32x32 Pixel, Apple-Geräte benötigen 180x180 Pixel und Android-Geräte 192x192 bzw. 512x512 Pixel. Unser Generator erstellt automatisch alle benötigten Größen.
Professionelle Bearbeitung benötigt?
Für größere Projekte oder spezielle Anforderungen helfen wir gerne weiter.
Kontakt aufnehmen