Eigenes Logo auf dem iPad, iPhone oder iPod touch
von caschy | 28 Kommentare
So, mal wieder ein Beitrag aus der sehr beliebten Kategorie der Apfelgeräte 😉 Ich wurde vor Urzeiten mal von einem Leser angeschrieben, der hatte sich dieses Blog auf den Startscreen seines iPhones gepackt. Er fragte, warum es denn kein eigenes Logo hätte. Mangels iDevice konnte ich den ganzen Spaß natürlich nie testen…
Die Lösung ist eigentlich relativ simpel: man erstellt ein mindestens 120 x 120 Pixel großes Logo und speichert dies unter dem Namen apple-touch-icon.png auf dem Webserver ab.
Dann bindet man den Pfad zum Icon in seiner Webseite ein (z.B. dort, wo ihr auch euer Favicon eingetragen habt). Bei meiner WordPress-Installation ist dies die header.php. So wird eingebunden:
<link rel="apple-touch-icon" href="Dateipfad-des-Logos/apple-touch-icon.png" />
Danach erscheint euer eigenes Logo, wenn jemand auf iPad, iPhone oder iPod Touch eure Seite auf dem Home-Bildschirm legen will. Sieht auf jeden Fall besser aus als der Standard-Einheitsbrei. Danke an den Early Adopter für den Hinweis!
Wird geladen ...
Danke für den Hinweis Caschy. Ich hab mich schon eine Weile gewundert, wieso öfters dieser komische Bildname als nicht gefunden in meinen Logs auftauchte.
Es gibt noch mehr Spielereien, z.B. ein Startup Image: http://developer.apple.com/safari/library/documentation/appleapplications/reference/safariwebcontent/configuringwebapplications/configuringwebapplications.html#//apple_ref/doc/uid/TP40002051-CH3-SW4
Klapt auch, wenn man das Ding (ohne zusätzlichen Code irgendwo) einfach im Hauptpfad speichert, wie ich gerade festgestellt habe! 🙂
Danke für den Tipp, werde es auch mal in meinem Blog einbauen… 🙂