iPad tips – gör en ikon för din webbsida

Marcus Olsson,

En välkänd sak är att man enkelt kan skapa genvägar i Safari och lägga dem på sin hemskärm. Men hur gör man en egen ikon, för sin egna sida?

Det hela är mycket enkelt. iPad:ens ikoner är 72 x 72 pixlar, och upplösningen är 132dpi. Apples egna ikoner har en rundad kant på 20 pixlar, så det anses som en standard. Antingen så gör du allt från scratch i Photoshop, eller så kan du använda en mall – något som det finns dussintals utav på internet. Plocka bara bort stjärnan och byt ut den mot din egna logga och ändra färgerna.

Sedan sparar du den som “apple-touch-icon.png”, du kan egentligen välja vilket namn du vill, men igen – standard.

För att sedan göra så att iPad:en ska hitta ikonen så använder du den här taggen (du pekar självklart ditt där ikonen ligger):

1<link rel="apple-touch-icon" href="http://www.dinsida.com/apple-touch-icon.png" />
1<link rel="apple-touch-icon" href="http://www.dinsida.com/apple-touch-icon.png" />

Sedan är det bara att surfa in på sidan med din iPad, och klicka på “Add to Home Screen”.

Snyggt, enkelt och snabbt.

Detta fungerar så klart även till iPhone:n, den använder sig utav ikoner på 52 x 52 pixlar, men den skalar om dina större iPad ikoner till rätt storlek.