GUIDE: Sådan skal du klargøre billeder til din side

Billeder er en væsentlig del af de fleste hjemmesider og webshops. Men de kan faktisk gøre mere skade end gavn, hvis du bare uploader billeder på din side, uden at komprimere dem først.

Start her! Spørg din udvikler om dit shopsystem/hjemmesidesystem allerede har et indbygget billedekomprimeringsværktøj, eller måske et modul som nemt og billigt kan tilknyttes.

Har du allerede et sådan?skriv til mig, og lad mig tjekke om det virker efter hensigten.

Er det ikke muligt? Så følg billedekomprimeringsguiden herunder, og undgå at billeder ødelægger din side.

Sidst opdateret: 14. okt. 2024


Utrolig pæn (og ung) fyr i blå trøje
Billedet herover fik jeg ændret fra 190KB til 47KB.

Gode råd til billeder på hjemmesider

Sørg for at dine billeder ikke fylder for meget. Jo større billedet er, både pixels (højde og bredde) og KB (kilobyte), jo længere tid er siden om at indlæse når man besøger den - og du ønsker ikke en langsom side.

Pas på billedstørrelsen
Billedstørrelsen måles i byte (KB = Kilobyte. MB = Megabyte. GB = Gigabyte).
Billeder på hjemmesider skal ikke måles i andet end KB, da de ellers er for store.
Maxstørrelsen på et billede til brug på en hjemmeside er max 500KB. Helst under 150-200KB.

Billedets filformat
JPG billeder er det filformat de fleste kender, og som kan komprimeres mest.
PNG skal bruges til billeder med gennemsigtig baggrund eller billeder med tekst.
WEBP er det bedste filformat, og det kan mange systemer automatisk ændre dine uploadede billeder til (spørg din udvikler).

Dimensioner på billeder
Det giver ingen mening at uploade et billeder på f.eks. 2000x2000px., hvis din side kun viser det i 600x600px. Så skal du i stedet selv rette billedet til korrekt størrelse, for også på den måde at mindste billede størrelsen (KB).
Spørg din udvikler hvilken størrelser din side viser på f.eks. produkter.

ALT-tag / alternativ billedtekst
Husk nu lige billedets ALT-tag også. Jeg glemmer det stadig konsekvent, men fanger det senere i mit SEO-værktøj.
ALT-tag er en tekst som beskriver billeder. Eks.: "Rød kjole med gule blomster".
Denne tekst bruges af søgemaskiner til at forstå hvad billedet viser, f.eks. nyttigt ved billedsøgninger på Google.
Inkluder dit primær søgeord, og evt. sekundære søgeord.

Billednavn
Giv dine billeder et sigende navn, før du uploader det til din hjemmeside eller webshop. Eks.: "Roed_kjole_gule_blomster.jpg".
Inkluder dit primære søgeord heri.

Unikke billeder
Har du mulighed for det, så kan unikke billeder virke bedre end dem fra en evt. leverandør. Google elsker unikt indhold, det gælder også billeder. Men de skal være gode, og dét er faktisk sværere end man tror. Kan du ikke tage gode billeder (eller har du ikke tiden), så brug leverandørbilleder, som også har fordelen af genkendelighed.

  

Er du i tvivl om du har for store billeder på din side?
Det er en del af mit Gør-det-selv SEO koncept, at jeg løbende holder øje med for store billeder.
Har du mod på selv at forsøge, så se guiden herunder og kig mine gratis værktøjer til din hjemmeside.

Skal jeg starte fra en ende, og nedskalere ALLE mine billeder?

Hvis du har mange, så vil det nok tage for lang tid. Men gør det på dine vigtigste kategorier, landingsider og produkter (i den rækkefølge).

Kan jeg hente alle mine billeder ud, tilrette dem og indlæse dem igen?

Nogle systemer tilbyder integrationer som kan gøre det, både i forhold til eksisterende og kommende billeder. Spørg din udvikler.

Må jeg tage billeder fra min leverandørs hjemmeside?

Sælger du produkter, må du gerne tage billeder fra dine leverandørers hjemmesider. I princippet skal du faktisk have lov af dem, men en samhandel må forventes at være samtykke nok - vil du være helt sikker, så spørg dem på mail (og gem mailen når de har svaret).
Du må dog ikke tage et leverandørbillede fra andre end leverandørens egen hjemmeside eller billedbank.

Må jeg bruge alle billeder på internettet, uden accept?

Nej. Alle billeder er som udgangspunkt rettighedsbeskyttet af den som har taget billedet, alternativt af den side som har lagt billedet op. Du skal altid have accept, før du bruger andres billeder.
Du må ikke bare snuppe billeder fra dine konkurrenters hjemmeside, ej heller selvom i har samme leverandør.

Hvad sker der, hvis jeg bruger billeder jeg ikke ejer?

Hvis ejeren af et billede opdager at du bruger vedkommendes billede, kan de kræve erstatning for brugen af det. Prisen på det afhænger af mange til, men det kan sagtens være 25.000 kr. eller derover.
Er du blevet kontaktet af en som ejer et billede? Så skynd dig at sige undskyld, beklag din fejl og fjern billedet. Beder vedkommende om erstatning kan du forsøge at forhandle prisen ned, og ellers bare betale. 

Sådan gør du

Nogle hjemmeside- og webshopsystemer kan selv rette billeders størrelse, og endda ændre til WEBP format. Spørg dine udviklere før du begynder at rette alle dine nuværende billeder. Kan det ikke, så er fremgangsmåden som følger:

  

  1. Tilpas billedets størrelse til det du har brug for
    - Tjek selv størrelsen på din side, eller spørg din udvikler hvad optimal format er til produkter mv.
    - Det er sjældent at billeder behøves at være mere end 800x800px.
  2. Ret filformat til JPG eller evt. WEBP hvis dit system tillader det
    - Dette gøres nemt via Microsoft PAINT, eller online værktøjet PNG2JPG.
  3. Nedskalér filstørrelse til minimum
    - Kør dit tilpassede billede igennem en gratis online komprimator, f.eks. TinyPNG
  4. Upload billedet på din side
    - Husk at navngive billedet, så det relaterer til varen/indholdet
  5. Husk at give billedet er ALT-tag
    - Beskriv billedet kort og præcist, da det indgår i søgemaskiners forståelse af billedet
    - Eksempel: "Rød kjole med gule blomster"

  
HUSK 
- Nu lover du, at følge denne proces hver gang du skal uploade et billede på din side, ikke?

Steffen Andersen
Søgemaskineoptimerings-gut som giver dig Gang i Biksen 🚀
Jeg er købmand og jeg elsker udvikling. Søgemaskineoptimering er min måde at give dig Gang i Biksen - uden det koster en formue.
👉 Lær mig at kende!
👉 Hvorfor vælge mig?

Det behøver ikke være så svært, at få gang i biksen 🚀
» Kontakt mig 
«

GangiBiksen.dk | Sitemap | SAMK ApS | CVR 37306223