Varför egna bilder fungerar bäst
En kund som ska renovera badrummet vill se att du har gjort det förut. Bilder från riktiga jobb visar det direkt. Bildbanksbilder och bilder på andras arbeten kan se snyggare ut, men de säger ingenting om dig. Dessutom får du bara använda dem om du har rätt till det.
Före- och efterbilder från samma vinkel är svåra att slå. Exempel: en plattsättare fotar det gamla badrummet från dörröppningen och tar sedan samma bild när fogarna är klara.
Hur stora ska bilderna vara?
En bild direkt från mobilen är ofta flera megabyte och tusentals pixlar bred. På hemsidan visas den kanske 800 pixlar bred. Gör bilden ungefär dubbelt så bred som den visas, så blir den skarp även på mobilskärmar. I det fallet runt 1 600 pixlar.
Om jag sköter din hemsida behöver du inte tänka på det. Skicka bilderna som de är, så förminskar jag dem innan de läggs upp.
Vilket filformat är bäst?
För foton är WebP oftast bäst. Filen blir mindre än en JPEG med samma kvalitet, och alla moderna webbläsare kan visa den. PNG passar för logotyper och grafik med genomskinlig bakgrund, men ett foto sparat som PNG blir onödigt stort.
Skriv vad bilden visar
Varje bild kan ha en kort beskrivning, en så kallad alt-text. Den läses upp för personer som använder skärmläsare och hjälper Google att förstå vad bilden visar.
Skriv som om du beskrev bilden för någon i telefon: ”Nylagt klinkergolv i badrum med golvbrunn i mitten”. Inte ”IMG_4821”, och inte en rad sökord som ”badrum kakel klinker plattsättning Malmö”. Bilder som bara är dekoration behöver ingen beskrivning.
Ge filerna begripliga namn
Filnamnet säger också något om bilden. ”badrumsrenovering-limhamn.jpg” säger mer än ”DSC_0043.jpg”. Använd bindestreck mellan orden och undvik å, ä och ö.
Låt den översta bilden komma först
Bilder längre ner på sidan kan vänta tills besökaren scrollar dit. Då öppnas sidan snabbare. Den stora bilden högst upp ska däremot laddas direkt, eftersom det är den besökaren ser först. Ett vanligt fel är att även den får vänta, och då känns sidan långsam.
Bilderna bör också ha bredd och höjd angivna. Annars vet webbläsaren inte hur mycket plats de tar, och texten hoppar när bilden dyker upp. WordPress sköter båda delarna i de flesta fall, men det är värt att kontrollera.
Vanliga frågor
Hur många bilder kan en sida ha?
Så många som är relevanta, om de har rätt storlek. Ett galleri med många förminskade bilder kan väga mindre än några få bilder direkt från kameran.
Kort sagt
Använd bilder från dina egna jobb, förminska dem, spara foton som WebP och skriv vad de visar. Då säljer bilderna utan att bromsa sidan.
Läs om fler orsaker till att en hemsida laddar långsamt →
Bromsar bilderna din hemsida?
Jag ser vad som går att göra lättare
Skicka adressen så går jag igenom bilderna och resten av sidan.