Sagt mal, was für Favicons bzw. Größen sind denn heute Standard bzw. werden von den meisten Browsern genutzt? Einfach nur "shortcut icon" ist ja nicht, wenn man die ganzen Fehlzugriffe der diversen Geräte verhindern möchte, insbesondere die iDingens, die ja eine ganze Batterie an Icons abrufen und dann erst nach gefühlt 10 Zugriffen mit je zwei Weiterleitungen das normale Favicon nehmen.
Das habe ich nun so in etwas überall drinnen, aber es deckt nicht wirklich alles ab.
<link rel="apple-touch-icon" sizes="180x180" href="/bilder/favicons/apple-touch-icon.png">
<link rel="icon" type="image/png" href="/bilder/favicons/favicon-32x32.png" sizes="32x32">
<link rel="icon" type="image/png" href="/bilder/favicons/favicon-16x16.png" sizes="16x16">
<link rel="manifest" href="/bilder/favicons/manifest.json">
<link rel="mask-icon" href="/bilder/favicons/safari-pinned-tab.svg" color="#5bbad5">
<link rel="shortcut icon" href="/bilder/favicons/favicon.ico">
<meta name="apple-mobile-web-app-title" content="Ferien-Ostseekueste.de">
<meta name="application-name" content="Ferien-Ostseekueste.de">
<meta name="msapplication-TileColor" content="#ffc40d">
<meta name="msapplication-TileImage" content="/bilder/favicons/mstile-144x144.png">
<meta name="msapplication-config" content="/bilder/favicons/browserconfig.xml">
<meta name="theme-color" content="#ffffff">
Alles anzeigen
Auffallend, dass da nun sogar der Firefox anfängt und drei davon abruft, das normale Icon und die beiden in 32px und 16px. Warum er das tut, keine Ahnung.
Mein Ziel? Unnötige Fehlzugriffe verhindern, da schleppe ich lieber etwas HTML-Code mehr mit, das ist effektiver als: Zugriff, Weiterleitung, Weiterleitung, DB-Zugriff, Fehlerseite generieren, ausliefern. Und das eben bei den iOS-Geräten teilweise bis zu gefühlt 10 mal direkt nacheinander, weil da auf Verdacht die unterschiedlichsten Größen versucht werden, precomposed und ohne etc...