Så fixar du iPhone/iPod-ikoner för din webbplats

19 Maj 2009 Utveckling

I förra veckan hjälpte jag Dagen.se med att bygga en enkel mobilsajt baserad på WordPress. Rätt lyckat på det hela taget. Dock har vi fått frågor om varför vi inte har någon dashboard-ikon för de som bookmarkar sajten i iPhone. Jag trodde i min enfald att den använde den vanliga favicon-ikonen men det blir förstås inte tillräckligt snyggt så apple kör tack och lov på PNG-bilder istället. De är 57*57 pixlar och refereras precis som de vanliga favicon-referenserna fast med en något annorlunda syntax.

<link rel="apple-touch-icon" href="/customIcon.png"/>

Jag tror också att det skall räcka med att bara lägga en ikon med namnet apple-touch-icon.png i rooten på sidan så hittar den automatiskt.

Så här ser den ut för http://m.dagen.se

Som du ser så är den något justerad till höger vilket jag var tvungen att göra för att den skulle centrera i iPhone. Lite bökigt att få det snyggt alltså. Men bra blir det.

Då vet du.