Das ist das private Weblog von Matt Slovig. Ich verdiene meine Brötchen als Webdeveloper in der Druckvorstufe, versuche seit fast zehn Jahren, Baseball & Softball, unter anderem als Stadionsprecher der Mainz Athletics (Deutscher Meister 2007), einer breiteren Öffentlichkeit bekannt zu machen und sollte nach 15 Jahren mal wieder Geld in ein neues Bild investieren.Das neue Favicon für Webclip: apple-touch-icon.png
Seit gestern lassen sich mit der Firmware 1.1.3 für iPhone und iPod touch (wobei ältere Modelle dazu aber auch noch das Software-Upgrade Januar 2008 benötigen) Bookmarks zu Webseiten auch auf dem Homescreen ablegen. Als Icon wird dabei standardmäßig ein Screenshot der aktuellen Seite genommen und entsprechend skaliert.
Im iPhone Dev Center erläutert Apple, wie man hier ein eigenes Icon vorsehen kann. Es gibt zwei Möglichkeiten:
-
Über ein Metatag im Headbereich der Seite
<link rel="apple-touch-icon" href="/customIcon.png"/>
- Indem man eine Datei mit dem Namen apple-touch-icon.png in den Root-Folder der Webpräsenz legt
FÜr beide Varianten gilt: Das Icon sollte genau 57×57 Pixel groß sein – andernfalls skaliert Safari sich das ganze passend zurecht. Den Glas-Effekt legt ebenfalls Safari drüber und schneidet bei der Gelegenheit etwas vom eigentlichen Bild ab, wodurch man für ein Logo die 57 Pixel nicht vollends ausreizen sollte. Hier haben sich, nach einigen Experimenten, 54 Pixel für das Logo bei einer Arbeitsfläche von 57 Pixeln als brauchbar erwiesen, während andernorts von gar nur 45 Pixeln als ’sichere Größe’ gesprochen wird. Auch sollte das Bild keinen transparenten Hintergrund haben, der wird andernfalls nämlich schwarz.
via Daring Fireball
Technorati Tags: icon, apple-touch-icon, favicon, apple, ipod touch, iphone
Donnerstag, 17. Januar 2008 um 09:29
Nette Sache. Hab Apfelquak auch damit ausgestattet.
Danke.
(Vielleicht magst du den Artikel ja dort auch veröffentlichen?)
Freitag, 18. Januar 2008 um 15:40
[...] mit einem solchen vorgefertigten Icon ausgerüstet. So findet sich bei flickr, stereopoly und blogpotato mittlerweile ein solches [...]
Freitag, 18. Januar 2008 um 23:09
[...] bei Apfelquak kam im Rahmen meines Artikels zum Hinterlegen von Icons für den iPhone/ipod touch Homescreen die Frage auf, was man machen kann, wenn man nicht der Webmaster der Seite ist. Ad hat dazu einige [...]
Donnerstag, 24. Januar 2008 um 09:26
Hey guck mal mit deinem iPhone auf miofio.com da hast ein suepr verzeichniss hab ich erstellt von merh als 60 WebApps mit nettem ICON dazu :-)
Dienstag, 22. Dezember 2009 um 13:16
[...] Blogpotato » Blog Archive » Das neue Favicon für Webclip: apple-touch-icon.png (tags: apple iphone) [...]