📸 Beste praksis for bilder på WordPress – nettbutikk & arrangement

Her er oppdaterte tips for bildebruk pĂĄ WordPress-nettsider med nettbutikk og arrangement (tilpasset 2025):

. Riktig størrelse, oppløsning og komprimering 

  • Produktbilder: Anbefalt er 1200 x 1200 px eller 2:3-format for “zoom” pĂĄ detaljer, men bruk aldri større filer enn nødvendig (optimal komprimering med f.eks. TinyPNG, ShortPixel). 
  • Arrangementbilder/banners: 1920 x 800 px fungerer fint for forsider, eventbannere eller sliders. Pass pĂĄ at motivet ikke blir beskĂĄret pĂĄ mobil. 
  • Hold bildevekten lav: Ideelt under 300 kb for produkt, under 500 kb for store bannere. 
     

2. Alt-tekst og tilgjengelighet 

  • Husk beskrivende alt-tekst (god for SEO, sørg for at alle brukere oppfatter innholdet).  
    F.eks.: “Kvinne med kaffekopp i møte på konferanse – Bilde fra Nettpilot sitt arrangement”. 
     

3. Filformat 

  • Bruk JPEG for store foto, PNG for grafikk med transparens, og moderne formater som WebP for raskere lastetid og best ytelse i 2025. 
  • WordPress støtter nĂĄ WebP og AVIF direkte – bruk dette der du kan! 
     

4. Bilde-SEO og navngivning 

  • Filnavn bør være beskrivende, f.eks.:  
    dusjkabinett-sort-matglass-2025.jpg 
  • Bruk relevante søkeord i navn og alt-tekst. 
     

5. Mobiltilpasning 

  • Sjekk at bilder ser bra ut bĂĄde pĂĄ mobil og desktop. 
  • UnngĂĄ for mye tekst i bannerbilder – det blir ofte uleselig pĂĄ smĂĄ skjermer. 
  • Bruk responsive bildestørrelser (srcset i WordPress legges til automatisk hvis du laster opp i flere størrelser). 
     

6. Konsekvent stil og branding 

  • Sørg for at alle bilder har lik look & feel (farger, utsnitt, filter) som matcher nettbutikken og arrangementsprofilen. 
  • For arrangement: bruk bilder av ekte deltagere fra tidligere events, ikke kun stockfotos – det styrker tilliten. 
     

7. Rettigheter, GDPR og samtykke 

  • Bruk bare bilder du har rettigheter til, og ved arrangementsbilder: fĂĄ samtykke fra deltakere (eller unngĂĄ identifiserbare personer om usikker). 
     

8. Funksjoner for nettbutikk 

  • Vis flere bilder pr produkt (fra ulike vinkler). 
  • La brukeren zoome, og vis gjerne miljøbilder: Hvordan ser det ut “i bruk”? 
  • Bruk bilder til ĂĄ visualisere varianter av samme produkt (fargevalg etc). 
     

9. Galleri for arrangementer 

  • Lag bildekarusell eller galleri med inntrykk fra tidligere arrangement. 
  • Legg gjerne pĂĄ en liten logo eller watermark for branding. 
     

10. Ytelse: Bruk CDN og lazy loading 

  • La bilder lastes inn etterhvert som brukeren scroller for bedre hastighet (WordPress har dette innebygd, men plugins kan gi ekstra ytelse). 
  • Bruk gjerne CDN (Content Delivery Network) som Optimole, Cloudflare, eller Jetpack for ĂĄ levere bilder raskere globalt. 
     
    — 
     
    TIPS  
  • Lag alltid kopi av originalfilene for etterredigering senere, og test gjerne pĂĄ flere enheter før publisering. 
  • Bruk gjerne testen Google PageSpeed Insights for ekstra tips til bildeoptimalisering.Â