HTML-Favicon-Link-Tags-Referenz
Gewährleisten Sie die perfekte browserübergreifende Darstellung des Icons durch Einfügen standardkonformer Link-Markup-Elemente.
Vollständige Favicon-HTML-Head-Vorlage
Fügen Sie die folgenden Link-Elemente in den <head>-Block all Ihrer HTML-Seiten ein:
<!-- Klassischer Fallback für ältere Browser -->
<link rel="icon" type="image/x-icon" href="/favicon.ico">
<!-- Hochauflösende PNGs für moderne Webbrowser -->
<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<!-- Apple iOS-Geräte-Startbildschirme -->
<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">
<!-- Android-/PWA-Konfiguration -->
<link rel="manifest" href="/site.webmanifest">