10 min
Come ottimizzare le immagini per il web
WebP, AVIF, lazy loading, CDN e srcset.
Le immagini rappresentano di solito il 60-80% del peso totale di una pagina. Ottimizzarle è il singolo guadagno di prestazioni più grande che puoi ottenere. WebP e AVIF riducono la dimensione dei file del 25-50% rispetto a JPEG e PNG senza perdita di qualità visibile, il lazy loading rimanda il caricamento delle immagini fuori schermo e srcset serve la dimensione giusta per ogni dispositivo. Questa guida illustra ciascuna tecnica con impostazioni pratiche.
Come ottimizzare le immagini per il web
Scegli il formato giusto — WebP/AVIF
WebP: 25-35% più piccolo del JPEG, supportato da tutti i browser moderni. AVIF: 30-50% più piccolo del WebP ma con supporto ancora parziale: usalo con fallback WebP/JPEG. PNG solo per la trasparenza. SVG per loghi e icone.
Ridimensiona prima del caricamento
Non caricare mai una foto reflex da 6000x4000 px per visualizzarla a 800 px di larghezza. Ridimensiona alle dimensioni effettive di visualizzazione × 2 per il retina. Ridimensiona in blocco centinaia di file con FastStone Photo Resizer.
Comprimi con strumenti intelligenti
WordPress: ShortPixel, Imagify, Smush, EWWW. Fuori da WordPress: TinyPNG, Squoosh. Punta a una qualità JPEG del 70-85%: visivamente identica al 100% ma con dimensioni molto più ridotte.
Abilita il lazy loading
Nativo: <img loading="lazy">. WordPress 5.5+ lo aggiunge automaticamente. Per i browser più vecchi, usa la libreria JS Lazysizes. Il lazy load rimanda le immagini fuori schermo: enorme spinta ai Core Web Vitals.
Usa srcset per le immagini responsive
<img srcset="img-400.jpg 400w, img-800.jpg 800w, img-1600.jpg 1600w" sizes="(max-width: 600px) 400px, 800px"> — il browser sceglie la dimensione giusta. WordPress genera automaticamente srcset.
Servi tramite CDN
Una CDN (Cloudflare, BunnyCDN) serve le immagini da un server vicino al visitatore: riduce la latenza di 50-200 ms. Cloudflare Polish converte automaticamente in WebP/AVIF. BeoHosting si integra con la CDN QUIC.cloud per gli utenti di LiteSpeed Cache.
Pronto a lanciare il tuo sito web?
Unisciti a oltre 4.000 clienti soddisfatti. Migrazione gratuita e garanzia soddisfatti o rimborsati di 30 giorni.
FAQ
Le risposte alle domande più comuni sui nostri servizi.
Chiamaci: l'assistenza è attiva 24/7, al telefono e tramite ticket.
(+381) 60 3535 720WebP o AVIF — quale scegliere nel 2026?
Il WebP è supportato universalmente e riduce le dimensioni del 25-35%. L'AVIF è ancora più piccolo (30-50%) ma assente in alcuni browser più vecchi. La soluzione migliore: servire AVIF con fallback WebP e JPEG/PNG come fallback finale.
Di quanto posso ridurre le immagini?
In genere: JPEG → WebP 30%, PNG → WebP 40%, WebP → AVIF 30%. Combinato con il ridimensionamento, una foto reflex da 2 MB diventa 150-300 KB con la stessa qualità visiva.
Il lazy loading danneggia la SEO?
No: Google comprende il lazy loading nativo. Assicurati solo che le immagini above-the-fold NON siano in lazy loading (devono caricarsi subito per l'LCP).
Qual è il miglior plugin immagini per WordPress?
ShortPixel per il miglior rapporto compressione-qualità. Imagify lo segue da vicino. Smush è gratuito e va bene per le esigenze di base. EWWW mantiene i file in locale senza API esterne.
Cosa sono i Core Web Vitals e come le immagini li influenzano?
I Core Web Vitals sono le metriche di esperienza utente di Google: LCP (Largest Contentful Paint — tempo di caricamento dell'elemento più grande), CLS (Cumulative Layout Shift — stabilità visiva) e INP (Interaction to Next Paint — interattività). Le immagini influenzano direttamente l'LCP perché l'elemento più grande di una pagina è quasi sempre un'immagine. Immagini ottimizzate con attributi width/height definiti migliorano sia l'LCP sia il CLS.
Le nostre garanzie per la tua tranquillità
Protetto sotto ogni punto di vista
Garanzia di 30 giorni
Rimborsiamo senza fare domande nei primi 30 giorni.
Migrazione gratuita
Migriamo il tuo sito senza interruzioni: non devi fare nulla.
Assistenza 24/7
I nostri esperti sono a tua disposizione 24/7 via ticket e live chat.