• Jetzt anmelden. Es dauert nur 2 Minuten und ist kostenlos!

[GELOEST] Favicon

Runshak

Mitglied
Hallo,

ich habe ein Problem mit der Favicondarstellung unter Google Chrome (aktuellste Version unter Windows) und Safari (aktuellste Version unter Big Sur)

Unter Google Chrome werden die Favicons dargestellt unter Safari nicht.

<link rel="apple-touch-icon" sizes="57x57" href="Grafiken/apple-icon-57x57.png"> <link rel="apple-touch-icon" sizes="60x60" href="Grafiken/apple-icon-60x60.png"> <link rel="apple-touch-icon" sizes="72x72" href="Grafiken/apple-icon-72x72.png"> <link rel="apple-touch-icon" sizes="76x76" href="Grafiken/apple-icon-76x76.png"> <link rel="apple-touch-icon" sizes="114x114" href="Grafiken/apple-icon-114x114.png"> <link rel="apple-touch-icon" sizes="120x120" href="Grafiken/apple-icon-120x120.png"> <link rel="apple-touch-icon" sizes="144x144" href="Grafiken/apple-icon-144x144.png"> <link rel="apple-touch-icon" sizes="152x152" href="Grafiken/apple-icon-152x152.png"> <link rel="apple-touch-icon" sizes="180x180" href="Grafiken/apple-icon-180x180.png"> <link rel="icon" type="image/png" sizes="192x192" href="Grafiken/android-icon-192x192.png"> <link rel="icon" type="image/png" sizes="32x32" href="Grafiken/favicon-32x32.png"> <link rel="icon" type="image/png" sizes="96x96" href="Grafiken/favicon-96x96.png"> <link rel="icon" type="image/png" sizes="16x16" href="Grafiken/favicon-16x16.png"> <link rel="manifest" href="Grafiken/manifest.json">

Des Weiteren ist mir aufgefallen, dass manche Webseiten dieses Problem ebenfalls haben.
Und bei www.ifun.de ist mir aufgefallen, dass die zwar ein Favicon unter "head" angeben, dieses jedoch nur unter Google Chrome korrekt angezeigt wird. Unter Safari wird ein Bild verwendet, welches bei denen sonst nur im Footer platziert ist.

Grüße Runshak
 
Werbung:
okay ich habe die Lösung gefunden:


PinnedTabs mit

<link rel = "mask-icon" href = "website_icon.svg" color = "red">
 
Zurück
Oben