Billedstørrelse til web – Kom godt fra start

Billeder på web

Du har sikkert hørt det før, men store tunge billeder på dit website gør den sløv og langsom.

Det er ikke kun generende for dine brugere, det gør også din webside upopulær hos Google og gør det mere vanskeligt at blive vist på side 1 i søgninger og hvem vil ikke det?

Heldigvis har jeg et par gode fif om hvordan du arbejder med billeder på din webside

Beslut dig for en serie billede standardstørrelser

Hvis du beslutter dig for at anvende en serie standardmål på billeder på din webside, gør du livet væsenligt nemmere for dig selv.
Du slipper for hele tiden at skulle opfinde den dybe tallerken og din websides layout er væsenligt enklere at arbejde med.

Det perfekte format på dit billede kan variere fra tema til tema i WordPress eller i dit Webshop system.

I WordPress arbejder jeg ofte i DIVI tema og her er de anbefalede standard formater:

1 spalte: 1080 pixel x 608 pixel
3/4 spalte: 795 pixel x 447 pixel
2/3 spalte: 700 pixel x 394 pixel
1/2 spalte: 510 pixel x 287 pixel
1/3 spalte: 320 pixel x 181 pixel
1/4 spalte: 225 pixel x 128pixel

Et bredt banner, som går hen over hele siden: 1920 x 1090 pixel

Bemærk

Disse dimensioner er retningslinjer og kan variere afhængigt af indholdet, men brug dem som reference, når du planlægger hvilke billede formater der passer ind i dit webside design.

Komprimer dine billeder INDEN du oploader dem til din webside

Der er ganske vist plugins til WordPress som kan gøre det for dig, men den bedste praksis er ALTID at anvende billeder der fylder så lidt som muligt fra start.

Der er ingen faste filstørrelser, men kan du holde dig under 200-250 kb for store banner billeder og helst under 50-100 kb for mindre billeder som fx produktbilleder, er du rigtig godt på vej. Kig altid på billedet og test evt. et par gange hvor langt du kan komme ned i størrelse uden at kvaliteten ryger.

Hvis du ikke arbejder i fx Photoshop, kan du med fordel bruge en online tjeneste til at komprimere dine billeder. De fåes både med og uden betaling og fungerer glimrende.

Imagify – Fås som gratis og betalt. Komprimerer både PNG/JPG filer.
Compress PNG/JPEG – Gratis og komprimerer både PNG/JPG filer.
Tinypng – Fås som gratis og betalt. Komprimerer både PNG/JPG filer.

Vælg det rigtige fil format til dine billeder

jpg er perfekt til billeder
png er godt til små billeder med fine detaljer, fx et logo

Tommelfingerregel: gem som jpg, det fylder mindst.

PS:

Navngiv dine billeder, så Google elsker dig

Navngivning af dine billeder betyder ikke noget for størrelsen, men nu du er i gang med at gøre det hele på den rigtige måde, kan du lige så godt tage det med i processen.

Hvis dit billede forestiller en gul keramik vase er det smartere at kalde den “gul-keramik-vase.jpg” end fx 08765.jpg. Google kan nemlig ikke (endnu) se forskel på en flodhest og en gummistøvle. Så navngiv billeder med det de forestiller.

Hvis du har lyst til at læse mere om emnet har jeg 3 gode tips til dig om navngivning af billeder her

Få flere tips & tricks…