Le immagini incidono su SEO, performance e accessibilità. Ottimizzarle non significa soltanto comprimerle: bisogna scegliere formato, dimensioni, testo alternativo, caricamento e priorità in base al ruolo che hanno nella pagina.
Scegli il formato in base al contenuto
- AVIF: molto efficiente per fotografie e immagini complesse, quando la pipeline del sito lo supporta bene.
- WebP: ottimo compromesso tra qualità, compatibilità e peso.
- SVG: ideale per loghi e icone vettoriali, ma va gestito in modo sicuro perché può contenere codice.
- PNG: utile soprattutto quando serve trasparenza o grafica lossless.
- JPEG: ancora valido per fotografie quando non vengono serviti formati moderni.
Non esiste un formato “migliore” in assoluto: conta il risultato finale in termini di qualità, peso e compatibilità.
Ridimensiona le immagini in base allo spazio reale
Caricare un’immagine da 2500 px per mostrarla a 400 px spreca banda e può peggiorare il caricamento. WordPress genera automaticamente più dimensioni e usa srcset, ma è comunque utile caricare file con dimensioni ragionevoli.
Su layout responsive il browser può scegliere la risorsa più adatta in base alla larghezza disponibile e alla densità dello schermo.
Comprimi senza distruggere la qualità
La compressione deve ridurre il peso senza introdurre artefatti visibili. Puoi ottimizzare le immagini prima del caricamento oppure usare un sistema automatico lato WordPress/CDN.
L’obiettivo non è ottenere il file più piccolo possibile, ma un buon equilibrio tra qualità percepita e trasferimento dati.
ALT text: descrivi l’immagine, non inserire keyword a forza
L’attributo alt serve prima di tutto alle persone che usano tecnologie assistive e viene utilizzato anche dai motori di ricerca per comprendere il contenuto visivo.
- descrivi ciò che è rilevante nell’immagine;
- mantieni il testo naturale e conciso;
- non ripetere automaticamente la keyword della pagina;
- se l’immagine è puramente decorativa,
alt=""può essere la scelta corretta; - per loghi e immagini funzionali, descrivi funzione o identità quando utile.
Lazy loading: sì, ma non sull’immagine LCP
Le immagini sotto la piega possono essere caricate in lazy loading, così il browser rimanda il download finché non diventano necessarie.
L’immagine principale visibile subito, invece, non dovrebbe essere ritardata se è candidata a diventare il Largest Contentful Paint (LCP). In quel caso conviene favorirne il caricamento e assicurarsi che non venga nascosta da animazioni iniziali.
Width e height aiutano a evitare layout shift
Specificare dimensioni intrinseche dell’immagine permette al browser di riservare spazio prima che il file venga scaricato e aiuta a ridurre il CLS.
WordPress gestisce normalmente questi attributi in automatico quando l’immagine viene inserita correttamente dalla Libreria Media.
Nome del file e URL
Un nome file comprensibile è utile soprattutto per organizzazione e manutenzione. Meglio dashboard-wordpress-performance.webp di IMG_8734.webp, ma non vale la pena rinominare in massa immagini già indicizzate solo per inserire keyword.
Immagini e Core Web Vitals
Le immagini influenzano soprattutto LCP e CLS. Per questo, durante un audit, controllerei:
- peso e dimensioni dell’immagine hero;
- formato moderno e responsive images;
- eventuale lazy loading applicato all’LCP per errore;
- dimensioni HTML presenti;
- immagini sotto la piega caricate troppo presto;
- animazioni che rendono il contenuto inizialmente invisibile.
Per approfondire le metriche puoi leggere la guida aggiornata ai Core Web Vitals oppure quella su come diagnosticare un sito WordPress lento.
In sintesi
Per ottimizzare le immagini lavora su formato, dimensioni, compressione, responsive images, ALT text, lazy loading e priorità. Non serve inseguire una singola regola: conta il ruolo dell’immagine nella pagina.
Se vuoi un’analisi tecnica completa, trovi il servizio di performance e ottimizzazione WordPress.
