Kostenloser Favicon-Generator

Laden Sie auf dieser Seite eine JPG, PNG, WebP oder SVG hoch, und der Favicon-Generator erstellt sofort alle Größen. Wählen Sie bei Bedarf eine Hintergrundfarbe und klicken Sie dann auf „ZIP herunterladen“. Sie erhalten favicon.ico, sieben PNG-Icons und ein HTML-Snippet in einer Datei.

Die meisten Websites brauchen 16×16 und 32×32 für Browser-Tabs, 180×180 für Apple-Geräte sowie 192×192 und 512×512 für Android und Web-Apps. Dieses Tool erstellt alle diese Größen, ergänzt 48×48 und 96×96 und packt 16, 32 und 48 in favicon.ico.

Unbedingt erforderlich ist sie nicht, da aktuelle Browser PNG-Favicons anzeigen, auf die ein Link-Tag verweist. Viele Browser und Apps rufen jedoch weiterhin standardmäßig /favicon.ico im Stammverzeichnis ab, daher vermeiden Sie mit einer solchen Datei Fehlermeldungen wegen fehlender Icons in Ihren Logs. Die ZIP-Datei enthält eine favicon.ico mit den Größen 16, 32 und 48 px.

Ja. Browser zeigen ein PNG-Favicon an, wenn Ihre Seite es mit einem rel="icon"-Tag verlinkt. Die ZIP-Datei enthält PNGs mit 16, 32, 48, 96, 180, 192 und 512 Pixeln, und das Snippet verlinkt sechs davon plus favicon.ico, sodass Sie es unverändert einfügen können.

Entpacken Sie favicons.zip in das Stammverzeichnis Ihrer Website, neben Ihre Startseite. Fügen Sie dann die Tags aus snippet.html in den Head-Bereich jeder Seite ein. Die Tags verwenden Pfade wie /favicon.ico, deshalb müssen die Dateien im Stammverzeichnis liegen, nicht in einem Unterordner.

Ja. iPhone und iPad verwenden apple-touch-icon.png, ein Icon mit 180×180, wenn jemand Ihre Website zum Home-Bildschirm hinzufügt. Dieser Generator legt die Datei in die ZIP-Datei, und das Snippet verlinkt sie mit rel="apple-touch-icon", damit Safari sie findet.

Ja, wenn die SVG eine festgelegte Breite und Höhe hat. Ziehen Sie sie auf die Seite, und daraus werden favicon.ico und jede PNG-Größe. Eine SVG mit nur einer viewBox wird eventuell leer oder gestaucht dargestellt, legen Sie daher zuerst die Größe fest. In der SVG verlinkte Schriften und Bilder werden möglicherweise nicht geladen, wandeln Sie Text daher in Pfade um.

Lassen Sie den Hintergrund auf „Transparent“, der Standardeinstellung. Eine PNG oder SVG mit durchsichtigem Hintergrund behält ihn in jeder Größe. Eine JPG hat keine Transparenz, deshalb bleibt ihr eigener Hintergrund bestehen. Entfernen Sie ihn zuerst mit dem Hintergrund-Entferner und speichern Sie das Ergebnis dann als PNG.

Das gesamte Logo wird so skaliert, dass es in das Quadrat passt, und zentriert, sodass nichts abgeschnitten oder verzerrt wird. Die leeren Streifen oben und unten oder an den Seiten bleiben transparent oder erhalten Ihre Hintergrundfarbe. Wenn das Quadrat stattdessen ausgefüllt werden soll, beschneiden Sie das Logo zuerst mit dem Bildzuschneider.

Nein. Die ZIP-Datei enthält die Dateien icon-192x192.png und icon-512x512.png, die ein Manifest verwendet, aber keine Datei site.webmanifest. Tragen Sie beide in die Icon-Liste Ihres eigenen Manifests ein, mit den Größen 192x192 und 512x512 und dem Typ image/png.

Browser speichern Favicons sehr lange im Cache, sodass ein altes Icon hartnäckig bleiben kann. Prüfen Sie, ob die Dateien im Stammverzeichnis Ihrer Website liegen, auf das die Pfade im Snippet verweisen, und ob die Tags im Head-Bereich stehen. Laden Sie die Seite dann per Hard-Refresh neu oder öffnen Sie sie in einem privaten Fenster.

Ja. Er ist kostenlos, ohne Anmeldung, ohne Wasserzeichen und ohne Begrenzung, wie viele Sets Sie erstellen. Ihr Logo wird in Ihrem Browser skaliert, und das Bild selbst wird nicht an uns gesendet. Wir erfassen anonyme Nutzungsstatistiken, etwa den Dateityp, eine grobe Dateigröße und den gewählten Hintergrund.