Sett inn bilder til sideoppsett for iPhone - dummies

Du kan sette inn bilder i websider designet for iPhone og iPad akkurat som du vil sette inn dem inn i en hvilken som helst annen nettside, ved hjelp av HTML-bildetaggen.

Følgende godt utformede bilde tag legger inn et bilde som er 320 piksler x 110 piksler, og er lagret som en JPEG:

Denne listen beskriver noen gode fremgangsmåter for å sette inn bilder på en hvilken som helst nettside. Disse metodene er spesielt viktige når du designer for mobilnett:

• Bruk Alt-tekst. Pass på å inkludere alternativ (Alt) tekst for å beskrive bildet. Hvis brukerne dine er i områder der tilkoblinger til mobilnett eller Wi-Fi-hotspots er iffy, kan de ha valgt å deaktivere visning av bilder. I dette tilfellet kan Alt-teksten være alle dine besøkende se.

  Hvis du legger inn en logo eller et annet bilde med tekst, må du huske å inkludere teksten i Alt-feltet til bildemerket.

• Begrens størrelsen på bildene. Bruk en relativt smal bredde (320 piksler eller mindre) for å passe inn i det begrensede rommet på den grunnleggende iPhone-skjermen. En annen løsning er å spesifisere bredden ved hjelp av en prosentandel slik at bildet justeres automatisk til skjermstørrelsen.

  Hvis du for eksempel angir størrelsesattributtet i bildemerket til bredde = 95% fyller bildet 95 prosent av bredden på visningsområdet. Hvis du bruker en prosentandel for bredde, trenger du ikke å spesifisere en høyde.

• Angi en høyde og bredde for hvert bilde. Ved hjelp av høyde- og breddeattributtene, som vist i eksemplet for tidligere taggkode, hjelper den mobile Safari-leseren til å laste inn sider på en effektiv måte fordi nettleseren ikke trenger å laste ned hvert bilde før det kan bestemme dets høyde og bredde.

• Bruk støttede bildformater. Apple-enheter kan vise JPEG-, PNG- og GIF-bilder - til og med animerte GIF-bilder.