4K-bilder eller optimalisert 800px WebP: avveiing mellom ytelse og kvalitet

En tava-restaurant med 18 bord i Maltepe hadde et tydelig problem: gjester skannet QR-koden og stirret på en blank skjerm i 5-6 sekunder. Årsaken var DSLR 4K JPEG-er på 4-6 MB per produktkort. Løsningen er ikke å kaste 4K, men å servere riktig størrelse.

Core Web Vitals: LCPs røde linje

Googles Largest Contentful Paint (LCP)-terskel er 2,5 s. 4K-kort tester på 4,2-6,1 sekunder — kategori "Dårlig". Med WebP 800px faller samme kort til 1,2-1,8 sekund, godt inne i "God".

LCP påvirker SEO direkte. Restauranter i mobil topp-3 har gjennomsnittlig LCP under 1,9 s; over 4 s glir man til side 2-3.

Hvorfor 800px WebP er nok

Moderne skjermer (iPhone 14, Galaxy S23) er 390-430px CSS-brede. Retina ×2 = maks 860px. WebP 800px treffer allerede det fysiske taket. De resterende 3 200 pikslene i 4K tilsvarer ingen synlig piksel.

WebP er 25-35% mindre enn JPEG ved samme kvalitet. WebP 800px (180 KB) vs JPEG 4K (5,2 MB) = 96,5% båndbredde spart.

thMenu responsiv bildepipeline

Ved opplasting av en 4K-original genererer thMenu automatisk varianter i 320px, 640px, 800px, 1200px som WebP+AVIF. Nettleseren velger via srcset.

Lazy loading er standard. First Contentful Paint under 600 ms; resten lastes ved scrolling.

FAQ

Skal jeg slette 4K-originalen? Nei. thMenu beholder den i R2 for fremtidige 8K-skjermer.

Hvor mye mindre er AVIF? 50% mindre enn JPEG, 20% mindre enn WebP ved samme kvalitet. Støttet av 94% nettlesere.

Lider fotokvaliteten? Nei. På 800px på mobil er 4K umulig å skille — øyet løser ikke over 300 PPI håndholdt.

Var dette nyttig? Del det.