Har du styr på, hvordan du får de bedste billeder til dit website? Sørg først og fremmest for at få dem i de rigtige størrelser.

Forleden sendte en kunde mig en stor bunke billeder til hendes website. Desværre var stort set alle taget på højkant. Og de var umulige at beskære uden at ødelægge motivet, så de kunne desværre ikke bruges.

Sådan her skal du altså ikke gøre:

Tag brede billeder - vend din smartphone

Tager du billeder med din smartphone, skal du vænne dig til at lægge kameraet ned.

Du skal først og fremmest bruge billeder, der er bredere end de er høje.

Lad mig lige lave en praktisk demonstration med en hund.

Og så det høje:

Prøv at se begge billeder på henholdsvis computer og smartphone.
Du kan hurtigt se, at de høje billeder er for høje. Unødvendigt høje.

Det er skidt, når man ikke kan se hele billedet på ét skærmbillede, men skal scrolle op og ned for at se det hele.

Når billeder er bredere, end de er høje, er de mere overskuelige.
Brede billeder fungerer fint på både smartphone og computer.

De høje billeder er især problematisk i såkaldt responsivt design, hvor billeder ikke har én fast størrelse, men automatisk tilpasser sig skærmens størrelse.

Høje billeder er særligt uegnede, når man vil have flere billeder vist ved siden af hinanden.

 

Brede billeder - og mindre massive tekstmængder - er mere passende. Og læg mærke til, at billederne skal have samme højde, hvis de skal stå pænt ved siden af hinanden.

Vælg 16:9 formatet til dine billeder

At et billede er i 16:9 format betyder, at hvis det er 16 cm bredt, så er det 9 cm højt.

På nettet måler man i pixels.
Hvis billedet er 1600 pixel bredt og 900 pixel højt er det i 16:9 format.

Hvis billedet er 800 pixel bredt er det 450 pixel højt i 16:9 formatet.

Har du et billede, der er 4000 pixel bredt, kan du regne ud, hvor højt det skal være for at ende i 16:9 format.

4000/16 x 9 = 2250
Altså divider bredden med 16 og gang med 9.

4000 x 2250 vil altså være lig med 16:9 formatet.
Når først du har 16:9 formatet, kan du reducere billedet til den ønskede bredde. Eller overlade det til WordPress at gøre det.

16:9 formatet er fremragende til webdesign.

Læs mere om den rette størrelse til billeder