Immagini 4K o WebP 800px ottimizzate: il trade-off prestazioni-qualità

Un ristorante tava di 18 tavoli a Maltepe aveva un problema chiaro: i clienti scansionavano il QR e guardavano lo schermo vuoto per 5-6 secondi. Causa: JPEG 4K da reflex, 4-6 MB per scheda prodotto. La soluzione non è buttare il 4K ma servire la dimensione giusta.

Core Web Vitals: la linea rossa del LCP

La soglia Largest Contentful Paint (LCP) di Google è 2,5 s. Le card in 4K testano a 4,2-6,1 secondi — categoria "Scarso". Con WebP 800px la stessa card scende a 1,2-1,8 secondi, ben dentro "Buono".

L'LCP impatta direttamente la SEO. I ristoranti nei top-3 risultati mobile hanno LCP medio sotto 1,9 s; oltre 4 s si scivola a pagina 2-3.

Perché 800px WebP basta

I telefoni moderni (iPhone 14, Galaxy S23) sono larghi 390-430px CSS. Con retina ×2 = 860px max. WebP 800px raggiunge già il tetto fisico. I 3.200 pixel extra del 4K non corrispondono ad alcun pixel visibile.

WebP è 25-35% più piccolo di JPEG a parità di qualità. WebP 800px (180 KB) vs JPEG 4K (5,2 MB) = 96,5% di banda risparmiata.

Servizio immagini responsive thMenu

Caricando un originale 4K, thMenu genera automaticamente derivati 320px, 640px, 800px, 1200px in WebP+AVIF. Il browser sceglie via srcset.

Lazy loading attivo di default. First Contentful Paint sotto 600 ms; il resto si carica allo scroll.

FAQ

Devo eliminare il 4K originale? No. thMenu lo conserva in R2 per futuri display 8K.

Quanto è più piccolo AVIF? 50% più piccolo di JPEG, 20% più di WebP a parità di qualità. Supportato dal 94% dei browser.

La qualità fotografica ne soffre? No. A 800px su mobile, il 4K è indistinguibile — l'occhio non risolve oltre 300 PPI a mano.

Ti è stato utile? Condividilo.