1. Klicken Sie auf "Bild auswählen" um ein Bild (PNG, JPG, oder BMP) von Ihrem Gerät auszuwählen.
2. Der Favicon Generator konvertiert Ihr Bild automatisch in alle erforderlichen Favicon-Formate.
3. Klicken Sie auf "Download", um das Favicon-Paket mit allen benötigten Dateien herunterzuladen.
4. Folgen Sie der Installationsanleitung, um die Favicons auf Ihrer Webseite einzubinden.
Bild hierher ziehen oder
1. Laden Sie das Favicon-Paket herunter und entpacken Sie es.
2. Platzieren Sie alle generierten Dateien im Hauptverzeichnis (Root-Verzeichnis) Ihrer Webseite.
3. Fügen Sie folgenden Code in den <head> Bereich Ihrer HTML-Datei ein:
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="manifest" href="/site.webmanifest">Dieser Favicon Generator erstellt alle erforderlichen Favicon-Dateien für moderne Websites. Die Generierung erfolgt direkt in Ihrem Browser - Ihre Bilder werden nicht an einen Server hochgeladen.
Ein Favicon (Favorites Icon) ist ein kleines Symbol, das neben dem Seitentitel in Browser-Tabs erscheint und hilft Benutzern, Ihre Webseite leichter zu identifizieren.
Was ist in dem Paket enthalten?
Tipps für gute Favicons: