Lag et webklippikon for iPhones - dummies

I likhet med at du kan bokmerke websider i en nettleser, kan du lagre en kobling til en hvilken som helst nettside på en iPhone eller iPad ved å klikke på Eksporter-ikonet sirklet i rødt i toppbildet, og velg deretter Legg til i startskjermbildet, som vist i nedre figur.

Et Web Clip-ikon ser akkurat ut som ikonene som følger med innfødte iTunes-apper. Når en besøkende på nettstedet ditt legger til et webklippikon til hennes startskjerm (skrivebordet på enheten), oppretter det en link til nettstedet ditt, som et bokmerke i en nettleser på skrivebordet.

Dette Web Clip-ikonet gir dine besøkende en flott snarvei tilbake til ditt nettsted, og det er en kraftig måte å holde dem i tankene om deg. Dessverre skjønner mange brukere av iPhone og iPad ikke engang at det er mulig å lagre en link til et nettsted på denne måten.

Slik fungerer det: Når en bruker tapper midtknappen i knappelinjen nederst på iPhone eller iPod touch, tilbyr Safari flere alternativer.

Når du velger Legg til på startskjermbildet, lagres et lite bilde, kalt et Webklipp-ikon, på startskjermen til iPhone eller iPad med en link til nettet side. Denne linken går til et nettsted ved å klikke et ikon like enkelt som å lansere en app. Klikk på et Web Clip-ikon, og iPhone og iPad starter Safari og åpner siden i en nettleser i en smidig handling.

Som webdesigner kan du opprette et bilde som skal brukes som Web Clip-ikon. Hvis du ikke gjør det, lagrer iPod touch, iPhone eller iPad et skjermbilde av hva som vises på skjermen, og bruker det som ikonet. Det er en god ide å gå til litt ekstra innsats og spesifisere bildet du vil bruke som ikonet på startskjermbildet.

I denne figuren kan du se et Web Clip-ikon opprettet fra hovedbildet som brukes i dette designet. Dette bildet er beskåret og forenklet for å fungere som et bedre ikon enn en skjermopptak av hele siden, som vil inkludere tekst og andre bilder med en så liten størrelse at de ville være umulige å lese.

Slik lager du et Web Clip-ikon og angir det i koden på siden din:

1. Bruk et grafikkprogram, for eksempel Photoshop, til å lage bildet du vil vise som ditt ikon.

   Bildet skal måle 114 x 114 piksler og lagres i PNG-formatet.

   Merk: Høyoppløsningsenheter viser ikonet på 114 x 114. Eldre iPhones viser den på 57 x x 57 piksler, iPads viser 72 x x 72 piksler. Du kan opprette en av hver størrelse, eller du kan la enheten skalere bildet automatisk. Vær også oppmerksom på at du kan bruke et JPEG-bilde, men hvis du vil forsikre deg om at ikonet fungerer på alle enheter, er det sikreste alternativet å lagre det som et PNG-bilde.

2. Navngi ikonet for applekontakt. png og laste den opp til rotkatalogen på nettstedet ditt.

3. (Valgfritt) Hvis du vil lagre bildet i en undermappe eller du vil bruke et annet Web Clip-ikon for hjemmesiden enn du bruker for interne sider på nettstedet ditt, kan du legge til denne koden i delen av alle nettside for å angi navnet og plasseringen av bildet.