Et bilde kan se perfekt ut når det leveres, men bli vanskelig å bruke når det legges inn på nettsiden. Personen havner bak teksten, produktet kuttes i kanten eller den viktigste handlingen forsvinner på mobil.

Det betyr ikke nødvendigvis at bildet er dårlig. Ofte er problemet at fotograferingen og nettsidens formater ikke ble planlagt sammen.

Nettsider viser samme innhold på skjermer med svært forskjellig form. Derfor må bildene tåle at utsnittet endres.

Det samme bildet vises ikke likt overalt

En bred dataskjerm kan vise nesten hele originalbildet. På en mobiltelefon blir området smalere og høyere. Nettsiden kan da beskjære sidene for å fylle feltet.

I andre deler av siden brukes bildet kanskje som et kvadratisk kort, et smalt banner eller et stående format.

Dermed kan ett originalbilde bli vist på flere måter:

• Bredt banner på dataskjerm
• Smalere utsnitt på nettbrett
• Stående utsnitt på mobil
• Kvadratisk bilde i en artikkeloversikt
• Liggende format i en annonse

Hvis motivet fyller hele originalbildet, finnes det lite rom for slike tilpasninger.

Viktige elementer trenger luft rundt seg

Fotografer er ofte opptatt av å komme tett nok på motivet. På nettsiden kan det samtidig være nødvendig å trekke seg litt tilbake.

Ekstra plass rundt personen eller produktet gjør det mulig å beskjære bildet til flere formater. Den gir også designeren plass til overskrifter, knapper og andre elementer.

Dette betyr ikke at alle bilder skal ha store tomme områder. Bildearkivet bør heller inneholde en kombinasjon av:

• Tette bilder med tydelig nærhet
• Bredere bilder med miljø og sammenheng
• Motiver plassert mot høyre eller venstre
• Noen sentrerte motiver som tåler mobilbeskjæring
• Bilder med rolig plass til tekst

Tekstplass må planlegges allerede under fotograferingen

Hvis et bilde skal brukes bak en overskrift, bør fotografen vite omtrent hvor teksten skal ligge.

Et rolig område på venstre side hjelper lite dersom nettsiden alltid plasserer teksten til høyre. En lys bakgrunn kan også gjøre hvit tekst vanskelig å lese.

Før fotograferingen er det nyttig å avklare:

• Om teksten skal ligge over bildet
• Hvilken side teksten vanligvis plasseres på
• Om nettsiden bruker lys eller mørk skrift
• Hvor høyt bannerfeltet er
• Hvordan samme felt ser ut på mobil

Et skjermbilde eller en enkel skisse kan være nok til å gjøre behovet forståelig.

Mennesker blir ofte beskåret på uheldige steder

Portretter og arbeidsbilder er særlig sårbare for automatisk beskjæring. En nettside kan kutte toppen av hodet, hendene som utfører arbeidet eller personen som står ytterst i en gruppe.

Hvis bildet skal brukes i flere formater, bør menneskene plasseres slik at den viktigste handlingen beholdes i et mindre utsnitt.

Det kan også være lurt å ta flere varianter:

• Et bredt miljøbilde
• Et mellomtett bilde av personen og handlingen
• Et stående utsnitt
• Et nærmere detaljbilde

Da slipper nettsiden å tvinge ett bilde til å løse alle oppgavene.

Gruppebilder trenger ekstra planlegging

På et bredt gruppebilde kan personene stå pent fordelt over hele bildeflaten. Når bildet beskjæres til mobil, kan de ytterste personene forsvinne.

Hvis et gruppebilde skal fungere i et responsivt banner, må den viktigste delen av gruppen samles i et tryggere område. Alternativt bør nettsiden bruke et annet bilde på mobil.

For kontaktsider og presentasjoner fungerer det ofte bedre med individuelle ansattbilder enn å beskjære personer ut av ett stort gruppebilde.

Les mer om planleggingen i hva skal til for å få et godt gruppebilde av ansatte?

Produkter må få beholde formen sin

Et produktbilde kan bli misvisende hvis viktige deler forsvinner i beskjæringen. Emballasje, håndtak eller andre kjennetegn kan havne utenfor bildefeltet.

For nettbutikker bør produktet ha en konsekvent plassering og nok luft rundt seg. Da fungerer bildet bedre både i produktoversikten og på selve produktsiden.

Miljøbilder kan være friere, men også her bør hovedproduktet plasseres slik at det overlever de vanligste formatene.

Noen ganger er et eget mobilbilde den beste løsningen

Det er ikke alltid mulig å lage ett bilde som fungerer perfekt overalt. En svært bred scene kan miste hele poenget når den gjøres stående.

Da kan nettsiden bruke to varianter:

• Et bredt bilde til dataskjerm
• Et tettere eller stående bilde til mobil

Variantene kan tas i samme situasjon mens lys og mennesker allerede er på plass. Det krever lite ekstra tid dersom behovet er kjent på forhånd.

Unngå å legge viktig tekst direkte i bildefilen

Tekst som bygges inn i selve bildet, kan bli for liten på mobil eller forsvinne i beskjæringen. Den blir også vanskeligere å oppdatere og er ikke like tilgjengelig eller søkbar som vanlig nettsidetekst.

Det er som regel bedre å levere bildet uten tekst og la nettsiden plassere overskriften som et eget element. Da kan teksten tilpasses skjermstørrelsen, mens bildet beskjæres uavhengig.

Send fotografen informasjon om nettsiden

Fotografen trenger ikke kjenne hele den tekniske løsningen. Noen enkle opplysninger kan likevel gjøre stor forskjell:

• Lenke til nettsiden eller designutkastet
• Skjermbilder av viktige bildefelt
• Om bildene brukes bak tekst
• Ønsket plassering av motivet
• Formater som brukes i artikler og tjenestekort
• Behov for egne mobilvarianter

Da kan fotografen variere komposisjonen og kontrollere at bildearkivet dekker mer enn ett skjermformat.

Planlegging gir bilder som varer lenger

Nettsiden kan endres etter fotograferingen. Et fleksibelt bildearkiv gir større frihet når nye sider, annonser eller formater skal lages.

Ved å fotografere noen motiver bredt, noen tett og enkelte både stående og liggende, reduserer dere risikoen for å stå med et godt bilde som ikke passer der det trengs.

Hvis dere planlegger ny nettside eller skal oppdatere dagens bildemateriale, kan dere lese hvilke bilder en bedriftsnettside egentlig trenger. Dere kan også ta kontakt før fotograferingen, slik at motivene planlegges rundt de faktiske bildefeltene på siden.