In den Logfiles von meinem Apache-Server finde ich ständig folgende 404 Fehlermeldung:
"GET /apple-touch-icon-precomposed.png HTTP/1.1" 404 3495
"GET /apple-touch-icon.png HTTP/1.1" 404 3495
Der fehler hat offensichtlich etwas mit Apple Icons zu tun. Ich verstehe diesen Fehler aber nicht.
Wie kann ich ihn beheben?
Das Problem kommt dadurch zustande, dass der Browser von iPhone, iPad, iPad mini nach bestimmten Icons sucht. Wenn sie nicht gefunden werden, dann wird im Logfile ein Fehler Protokolliert. Übrigens Android und Blackberry benötigen dies Icons auch. Das ist so ähnlich wie der Favicon einer Webseite, das meistens 16x16 oder 32x32 Pixel groß ist.
Die modernen Touch-Screen Geräte benötigen aber Icons in speziellen Größen, die vom Gerät und Betriebssystem abhängen.
Momentan ist es sinnvoll Icons in folgenden Größen zu führen: 72x72, 114x114, 120x120, 144x144
Damit die Icons richtig erkannt werden, musst du folgende Zeilen in den Header deiner Webseite einfügen und natürlich auch die passenden Bilder, die du auch entsprechend benennst:
<!-- Für iPad mit Retina-Display: -->
<link rel="apple-touch-icon-precomposed" sizes="144x144" href="apple-touch-icon-144x144-precomposed.png">
<!-- iPhone iOS mit 7: -->
<link rel="apple-touch-icon-precomposed" sizes="120x120" href="apple-touch-icon-120x120-precomposed.png">
<!-- Für iPhone mit Retina und iOS 4,5,6: -->
<link rel="apple-touch-icon-precomposed" sizes="114x114" href="apple-touch-icon-114x114-precomposed.png">
<!-- Für aeltere iPads: -->
<link rel="apple-touch-icon-precomposed" sizes="72x72" href="apple-touch-icon-72x72-precomposed.png">
<!-- Für nicht-Retina iPhone, iPod Touch und Android 2.1+ (144x144): -->
<link rel="apple-touch-icon-precomposed" href="apple-touch-icon-precomposed.png">
Die Kommentare kannst du natürlich weglassen.
Weitere Tipps und Hinweise findest du hier
Bei Fragen und Problemen bitte Kommentare poste.