Bilder utgjør som regel størstedelen av hva en nettside laster ned. Det betyr at de har mer å si for hvordan siden oppleves enn nesten noe annet valg, og at et uoptimalisert bilde kan gjøre en ellers godt bygget side treg.
Samtidig er riktig bilde det som får folk til å forstå hva du tilbyr på et sekund. Så spørsmålet er ikke om du skal bruke bilder, men hvilke og hvordan.
Ekte bilder slår illustrasjonsfoto
Dette er det rådet som gir mest, og det koster minst.
Et bilde av dine faktiske ansatte, ditt faktiske lokale eller et prosjekt dere har levert, sier noe. Et kjøpt bilde av smilende mennesker rundt en laptop sier ingenting, og de fleste besøkende kjenner igjen sjangeren umiddelbart.
For små bedrifter er dette en reell mulighet til å skille seg ut. En ærlig, litt uperfekt bildeserie fra arbeidshverdagen bygger mer tillit enn profesjonelle bilder av folk som ikke jobber hos deg.
Hvert bilde bør ha en jobb
Bilder som er der for å fylle plass, koster lastetid uten å gi noe tilbake.
Spør for hvert bilde hva det skal gjøre. Vise hvordan produktet ser ut? Vise hvem dere er? Forklare et steg i en prosess? Har det ingen jobb, fjern det. Siden blir raskere og som regel roligere å lese.
Den vanligste synderen er store dekorative bakgrunnsbilder øverst på siden, som ofte er det tyngste elementet og samtidig det som skyver innholdet ned.
Hvordan de bør leveres
Dette er teknisk, men konsekvensene er praktiske.
Bilder bør leveres i moderne formater som WebP eller AVIF, som er betydelig mindre enn JPEG ved samme kvalitet. De bør også leveres i flere størrelser, slik at en telefon ikke laster ned et bilde beregnet for en stor skjerm.
Bilder som ligger lenger nede på siden bør lastes først når brukeren nærmer seg dem. Og hvert bilde bør ha en fast plass i layouten, slik at innholdet ikke hopper når bildene kommer inn. Det siste er en av de mest irriterende opplevelsene på nett, og en av de enkleste å unngå.
Dette er ting en godt bygget løsning gjør automatisk. Spør leverandøren om det, for forskjellen på en side som håndterer bilder riktig og en som ikke gjør det, er merkbar.
Alternativ tekst er ikke valgfritt
Hvert bilde som betyr noe, trenger en tekstbeskrivelse som skjermlesere kan lese opp. Det er et krav i Norge for løsninger rettet mot allmennheten, og det hjelper også søkemotorer å forstå innholdet.
Beskriv hva bildet viser i sammenhengen, ikke hva det heter. "Montør som registrerer timer på mobilen" er nyttig. "Bilde" eller "IMG_4021" er ikke.
Rent dekorative bilder skal derimot ha tom alternativ tekst, slik at skjermleseren hopper over dem framfor å lese opp noe meningsløst. Mer om kravene i skap en inkluderende nettside.
Video krever mer enn folk tror
Video kan være svært effektivt, særlig for å forklare noe som er vanskelig å beskrive med tekst. Men det er også det tyngste du kan legge på en side.
Ikke legg video som autospiller med lyd. Det er den raskeste måten å få folk til å forlate siden. Autospill uten lyd, som en kort løkke, kan fungere som bakgrunn, men da bør den være kort og komprimert hardt.
For lengre video er det som regel bedre å bruke en videotjeneste og bygge inn spilleren, framfor å levere filen selv. Da får du strømming tilpasset forbindelsen til seeren, og du slipper å belaste din egen drift.
Husk også teksting. Mange ser video uten lyd, og for løsninger rettet mot allmennheten er teksting et krav.
Det enkleste du kan gjøre i dag
Sjekk hvor tung forsiden din er, og se hvor mye av det som er bilder. Verktøy for dette er gratis og tar et par minutter.
Finner du et bakgrunnsbilde på flere megabyte, har du funnet den enkleste forbedringen som finnes. Et riktig komprimert bilde kan være en tidel så stort uten at noen ser forskjell.
Vil du ha en gjennomgang av nettsiden deres? Se hvordan vi jobber med nettsider, eller ta kontakt.