Bildoptimering för webben: Komplett guide

Långsamma sidladdningar dödar omvandlingar. Studier visar att 40 % av användarna överger en webbplats som tar mer än 3 sekunder. Den största orsaken? Ooptimerade bilder. Ett enda foto på 5 MB på din hemsida kan ladda tid även vid snabba anslutningar.

Checklistan för bildoptimering

Rätt mått – skicka inte en 4000px bild där du visar 800px
Rätt format — modern WebP/AVIF, reserv JPG/PNG
Rätt komprimering — 75–85 % kvalitet för foton, förlustfri för grafik
Rätt leverans — lat laddning, responsiv srcset

Rekommenderade mått 2026

Hjältebilder: 1920×1080 (Full HD) eller 2560×1440 (2K) max
Blogginläggshjälte: 1200×675 (16:9)
Produktfoton: 1500×1500 med zoomstöd, 800×800 standarddisplay
Avatarer: 256×256 (miniatyrer kommer att skalas ned)
Open Graph (social share): 1200×630
Favicon: 32×32, 192×192, 512×512 PNG

Ändra storlek på foton till dessa dimensioner med vårt verktyg för att ändra storlek på bilder innan du laddar upp dem.

Format: när ska man använda vad

WebP: Standard för 95 % av webbbilderna. 25–35 % mindre än JPG vid samma kvalitet. Universal webbläsarstöd.
AVIF: Ännu mindre (50 % mindre än JPG). Använd för hjältebilder. Nyare webbläsare stöder det.
JPG: Fotografier utan insyn. Utmärkt kompatibilitet.
PNG: Logotyper, skärmdumpar, allt med insyn. Förlustfri.
SVG: Vektorgrafik, ikoner, enkla illustrationer. Liten filstorlek, oändlig skalning.

Konvertera mellan dessa format med PDF7 Image Convert.

Kompression: hur aggressiv är för aggressiv?

För foton: börja med 85 % kvalitet. Sänk till 75 % för bandbreddskritiska sidor. Under 70 % blir artefakter synliga. Använd vårt verktyg för bildkomprimering för att hitta rätt balans.

Responsiva bilder med srcset

Visa inte en 2K-bild till en telefon. Använd HTMLs srcset-attribut:

Webbläsaren väljer den minsta bilden som passar. Du behöver tre storlekar per bild.

Lata laddar

Lägg till loading="lazy" till alla bilder nedanför mitten. Moderna webbläsare laddar dem inte förrän användaren rullar nära, vilket sparar bandbredd vid varje sidladdning.

100KB-regeln

Sikta efter enskilda bilder under 100 kB. Hjältebilder kan sträcka sig till 200KB. Om ett enstaka foto är mer än 500 kB har du förstört — ändra storlek och komprimera igen.