Favicon-HTML-Tags
Generieren Sie ein sauberes, korrektes <head>-Snippet für Ihre Favicon-Dateien. Legen Sie Ihren Ordnerpfad fest, kopieren Sie ihn und fügen Sie ihn ein.
Pfad und Optionen
Ordnen Sie das Snippet dem Ort zu, an dem Ihre Dateien bereitgestellt werden
Beispiel: /Favicons. Verwenden / oder lassen Sie das Feld für das Site-Stammverzeichnis leer.
Beispiel-URL: /favicons/favicon-32.png
Dein Ausschnitt
Kopieren, einfügen, bereitstellen und dann überprüfen.
<link rel="icon" type="image/x-icon" href="/favicons/favicon.ico"> <link rel="icon" type="image/png" sizes="16x16" href="/favicons/favicon-16.png"> <link rel="icon" type="image/png" sizes="32x32" href="/favicons/favicon-32.png"> <link rel="apple-touch-icon" sizes="180x180" href="/favicons/apple-touch-icon.png"> <link rel="manifest" href="/favicons/site.webmanifest">
Wie man es benutzt
1) Legen Sie Ihre Dateien in dem von Ihnen gewählten Ordner ab (z. B /Favicons).
2) Fügen Sie das Snippet in die Ihrer Website ein <head>.
3) Bereitstellen und dann ausführen Favicon-Checker Um zu bestätigen, dass die URLs 200 zurückgeben.
Häufig gestellte Fragen
Laden Sie etwas hoch?
Nein. Dieses Tool generiert nur Text in Ihrem Browser. Es gibt keine Uploads.
Was soll ich in das Feld „Ordnerpfad“ eingeben?
Verwenden Sie den öffentlichen URL-Pfad, unter dem Ihre Favicon-Dateien bereitgestellt werden. Beispiel: /Favicons. Verwenden Sie / (oder lassen Sie es leer) für das Site-Stammverzeichnis.
Welche Dateien benötige ich eigentlich?
Für eine solide Abdeckung: Favicon.ico, Favicon-16.png, Favicon-32.png, apple-touch-icon.png und site.webmanifest.
Wie kann ich überprüfen, ob es funktioniert?
Fügen Sie das Snippet ein, stellen Sie es bereit und führen Sie dann das aus Favicon-Checker auf Ihrer Live-URL.