La velocità del sito non dipende solo da hosting e codice. Le immagini che carichi diventano spesso il collo di bottiglia principale: una singola foto "pesante" da una fotocamera può occupare 5-8 MB e aggiungere un secondo al tempo di caricamento della pagina. E se avessi dieci foto del genere?

Il formato dell'immagine determina come viene compressa, come riproduce i colori e come i browser la visualizzano. Scegliere quello sbagliato significa screenshot sfocati, PNG giganteschi invece di file WebP compatti e cali nel posizionamento: Google considera le Core Web Vitals come fattore di ranking.

Ecco i consigli specifici per ogni esigenza: foto, screenshot, loghi, animazioni. E come aggiungere formati che WordPress non accetta di default.

💡 Panoramica rapida:

• Identifica cosa stai caricando: foto, screenshot, logo o animazione, perché questo determina la scelta del formato.
• Per le fotografie, usa AVIF o WebP (la compressione è nettamente migliore del JPEG a parità di qualità).
• Per screenshot e loghi, PNG (lossless) o AVIF (lossy ma con dimensioni drasticamente inferiori).
• Per le animazioni, WebP invece di GIF (risparmio di spazio di diverse volte).
• Se WordPress non accetta il formato che ti serve, aggiungi il supporto tramite functions.php o un plugin.
• Compila sempre il testo alternativo e comprimi le immagini prima del caricamento o automaticamente con un plugin di ottimizzazione.

Perché il formato del file immagine è cruciale per WordPress

Il formato non è solo un'estensione del file. È un algoritmo di codifica che determina tre aspetti: qualità dell'immagine, dimensione del file e compatibilità con i browser. Tutti e tre influenzano direttamente le metriche di business del tuo sito.

Velocità di caricamento e Core Web Vitals. Una foto JPEG da 2 MB e la stessa foto in AVIF a 400 KB sembrano identiche ma si caricano con una differenza di 5 volte. Google valuta il Largest Contentful Paint (LCP) e le immagini sono spesso l'elemento più pesante di una pagina. Plugin come Smush convertono i file in WebP o AVIF automaticamente, ma scegliere il formato sorgente giusto fa risparmiare risorse del server.

Conseguenze SEO. La velocità della pagina è un segnale diretto di ranking per Google. Le immagini pesanti abbassano il punteggio Core Web Vitals e la pagina perde posizioni anche se il testo è perfettamente ottimizzato. Uno studio Portent (2024) ha mostrato che ridurre l'LCP da 4 a 2 secondi aumenta la conversione della landing page in media del 15-20% nei settori B2B.

Qualità visiva. Formati diversi gestiscono sfumature, testo e dettagli fini in modo diverso. Il JPEG produce artefatti intorno ai bordi ad alto contrasto, creando un effetto disordinato sugli screenshot. Il PNG preserva la nitidezza ma pesa diverse volte di più. AVIF risolve entrambi i problemi: la compressione è significativamente più efficiente del JPEG a qualità visiva comparabile.

Adattabilità. Gli utenti visitano il sito da telefoni, tablet e desktop usando browser diversi. AVIF è supportato da Chrome, Firefox e Opera (dal 2021-2022) e da Safari dalla versione 16 (autunno 2022). WebP funziona ovunque dal 2020. JPEG e PNG sono il fallback universale che qualsiasi browser degli ultimi 20 anni comprende.

Quali formati immagine supporta WordPress nel 2026

WordPress è cambiato radicalmente. Mentre prima solo JPEG, PNG, GIF e ICO funzionavano "out of the box", WordPress 5.8 (2021) ha aggiunto il supporto nativo per WebP e WordPress 6.5 (aprile 2024) ha aggiunto il supporto completo per AVIF.

Elenco completo dei formati disponibili di default (WordPress ≥6.5):

SVG (formato vettoriale) non è accettato da WordPress di default per motivi di sicurezza, poiché i file SVG possono contenere JavaScript. Se ti serve SVG per loghi o icone, abilitalo tramite functions.php con un filtro o usa un plugin specializzato come Safe SVG su WordPress.org.

Confronto tra formati: quando usare cosa

JPEG (JPG)

Lo standard dal 1992 che ancora oggi copre circa il 77% di tutte le immagini su internet secondo W3Techs (2026). Compressione lossy con controllo del livello di qualità; 85-92 è il "punto ottimale". Milioni di colori, sfumature eccellenti.

Svantaggio: nessun supporto per la trasparenza. Ogni JPEG è un rettangolo. Non è adatto per un logo su sfondo trasparente. Inoltre, artefatti di compressione sui bordi netti ad alto contrasto, il che significa che gli screenshot dell'interfaccia in JPEG appaiono disordinati.

Quando usarlo: fotografie, immagini di sfondo di grandi dimensioni, articoli del blog con contenuti fotografici, se per qualche motivo non stai usando WebP/AVIF.

PNG

Un formato creato come alternativa gratuita al GIF. Compressione lossless: non si perde un solo pixel. La trasparenza alfa completa (256 livelli) consente ombre morbide ed elementi semi-trasparenti.

Svantaggio: dimensione. Una foto PNG può pesare 5-10 volte di più della versione JPEG a qualità visiva identica. Per le immagini di contenuto, questo non è giustificato.

Quando usarlo: screenshot dell'interfaccia (la nitidezza del testo è critica), loghi, infografiche, diagrammi, icone, immagini con testo.

GIF

Un formato con 256 colori e animazione frame-by-frame. Una leggenda dei primi tempi di internet. Compressione lossless, ma la tavolozza limitata lo rende inadatto alle fotografie, poiché le sfumature si trasformano in "scalini".

Svantaggio: dimensioni enormi delle animazioni. Una GIF di 5 secondi può pesare 10-15 MB, mentre la stessa clip in animazione WebP pesa 1-2 MB.

Quando usarlo: solo quando ti serve un'animazione breve senza audio e una versione WebP/AVIF non è disponibile.

WebP

Google ha introdotto WebP nel 2010, ma il formato ha davvero "preso il volo" dopo il 2020, quando tutti i principali browser hanno aggiunto il supporto. Supporta sia la compressione lossy che lossless in un unico formato. Trasparenza, sì. Animazione, sì. Le immagini WebP sono in media il 25-35% più piccole del PNG e il 25-34% più piccole del JPEG a parità di qualità.

Svantaggio: al momento in cui scriviamo, non è più il formato più efficiente, poiché AVIF lo supera in compressione. Ma come fallback, WebP è indispensabile.

Quando usarlo: formato universale per tutto. Se sei indeciso, scegli WebP. Foto, screenshot, animazioni, grafica, gestisce tutto.

AVIF

Il formato immagine più efficiente nel 2026. Basato sul codec video AV1. Le immagini AVIF sono il 30-50% più piccole del WebP a parità di qualità visiva. Supporta HDR, ampia gamma cromatica, compressione lossy e lossless, trasparenza e animazione. WordPress 6.5+ supporta AVIF nativamente, quindi puoi caricarlo direttamente nella libreria media.

Svantaggio: Safari ha aggiunto il supporto solo con la versione 16 (autunno 2022), quindi iPhone e Mac più vecchi con versioni obsolete non visualizzeranno AVIF. Questo si risolve aggiungendo un fallback WebP/JPEG tramite l'elemento <picture> o un plugin di ottimizzazione.

Quando usarlo: formato prioritario per foto e screenshot. Se il tuo sito gira con WordPress ≥6.5, AVIF è la tua scelta principale, con WebP come assicurazione.

Come aggiungere il supporto per formati aggiuntivi

WordPress filtra i file caricati in base al tipo MIME. Se devi consentire SVG, BMP o un altro formato, aggiungilo tramite l'hook upload_mimes nel file functions.php del tuo tema:

1
add_filter( 'upload_mimes', 'techblog_add_mime_types' );
2
function techblog_add_mime_types( $mime_types ) {
3
    $mime_types['svg']  = 'image/svg+xml';
4
    $mime_types['bmp']  = 'image/bmp';
5
    $mime_types['webp'] = 'image/webp';   // WP 5.8+ not required
6
    $mime_types['avif'] = 'image/avif';   // WP 6.5+ not required
7
 
8
    return $mime_types;
9
}

Il codice va aggiunto al functions.php del tema attivo o tramite il plugin Code Snippets. Fai un backup prima di modificare, perché un errore PHP farà crashare il sito.

Per SVG, un avviso. I file SVG possono contenere JavaScript. Se abiliti il caricamento di SVG, usa il plugin Safe SVG (disinfetta gli script), che disinfetta i file e rimuove gli script prima del salvataggio nella libreria media.

Un’alternativa è il plugin File Upload Types, che aggiunge il supporto per decine di formati tramite un’interfaccia. Per uno o due formati, l’hook upload_mimes è più semplice.

Best practice: dimensioni, SEO e ottimizzazione

Dimensione ottimale delle immagini

Carica le immagini esattamente alla dimensione necessaria nella pagina. Se l'immagine è in una colonna da 800 px, non ha senso caricare un originale da 4000 px. WordPress crea più formati al momento del caricamento (miniatura, media, grande), ma il file originale resta sul server e può essere inviato al browser quando viene richiamato full.

Regola: prima del caricamento, ridimensiona l'immagine alla larghezza massima di visualizzazione (di solito 1200-1600 px per l'area contenuti). Strumenti: Photoshop, Squoosh di Google (gratuito), l'utility CLI cwebp.

Aumentare il limite di caricamento

Di default, WordPress limita la dimensione dei file caricati a 2 MB. Con i moderni AVIF questo è raramente un problema (i file sono molto più piccoli dei JPEG), ma quando si carica un PNG pesante o una WebP animata, il limite può creare ostacoli.

Su molti provider di hosting, il limite si può modificare dal pannello di controllo. Ad esempio, su Cloudways, vai in Server Management → Settings and Packages. Su GoDaddy, tramite cPanel; su Media Temple, modificando php.ini; mentre con WP Engine devi contattare l'assistenza. Se non hai accesso diretto alle impostazioni del server, aggiungi questo a wp-config.php:

1
define( 'WP_MEMORY_LIMIT', '256M' );

Questo aumenta il limite di memoria PHP e alza indirettamente la soglia di caricamento.

SEO delle immagini: testo alternativo e nomi dei file

I motori di ricerca non «vedono» le immagini; leggono i loro attributi. Il testo alternativo è una descrizione dell'immagine che viene indicizzata e letta dagli screen reader.

Regole per un buon testo alternativo:

• Descrivi cosa c'è nell'immagine nel contesto dell'articolo. Non «screenshot», ma «Pannello di controllo Cloudways con il campo Upload Size evidenziato».
• 4-8 parole, con la parola chiave della sezione.
• Non iniziare con «Immagine di…» o «Foto di…»
• Per immagini decorative, lascia alt="".

Anche il nome del file è importante. IMG_20241015_142302.jpg non dice nulla al motore di ricerca. wordpress-image-format-comparison-chart.png sì. Rinomina i file prima di caricarli.

Plugin per l'ottimizzazione delle immagini

L'ottimizzazione manuale di ogni file richiede tempo. I plugin automatizzano il processo: comprimono, convertono in WebP/AVIF e servono al browser il formato ottimale. Secondo i test di WPShout (2025), i primi 4 sono:

Una panoramica più completa dei plugin di ottimizzazione è nel nostro articolo dedicato.

Strategia basata sull'analisi

Google Analytics (o Matomo) mostra quali dispositivi e browser usano i visitatori. Questo determina quale formato dovrebbe essere primario. Per esempio, se la maggior parte del tuo pubblico usa le ultime versioni di Chrome e Safari, AVIF è giustificato e puoi impostare un fallback WebP tramite un plugin per il resto.

Se molti visitatori hanno iPhone con iOS 15 o versioni precedenti, AVIF non funzionerà e il formato primario dovrebbe essere WebP con JPEG come rete di sicurezza. Abbiamo una guida dettagliata con tre metodi su come servire immagini WebP in WordPress, dalla CDN al tag <picture> manuale.

Video: AVIF e WebP in WordPress nella pratica

Questo breve video mostra il processo di conversione delle immagini in AVIF e WebP direttamente nell'amministrazione di WordPress e confronta le dimensioni prima e dopo:

Il formato AVIF offre una compressione significativamente migliore del WebP, con una differenza particolarmente evidente nelle foto con gradienti morbidi e molti dettagli. WordPress 6.5+ supporta AVIF in modo nativo, senza plugin.

⁉️🤔 Domande frequenti

Qual è la differenza tra compressione lossy e lossless?

Gli algoritmi lossy rimuovono dati impercettibili all'occhio (JPEG, AVIF lossy, WebP lossy). Il file è piccolo, ma la qualità peggiora a ogni nuovo salvataggio. Il lossless conserva ogni pixel così com'è (PNG, GIF, AVIF lossless, WebP lossless). Il file è più grande ma ideale per grafiche con testo. Per le foto di contenuto, usa il lossy (qualità AVIF 50-70 o qualità WebP 75-85) e le dimensioni si ridurranno di diverse volte. Lascia il lossless per loghi e screenshot dove la nitidezza è importante.

Quale formato dovrei scegliere per gli screenshot nel 2026?

AVIF in modalità lossless o qualità 90+. Gli screenshot hanno bisogno di testo leggibile e l'AVIF lossless preserva la nitidezza a livello PNG, mentre il file pesa significativamente meno. Se il tuo sito gira su WordPress precedente alla 6.5, usa WebP lossless come primario con PNG come fallback.

Prova tu stesso: fai uno screenshot del pannello di amministrazione, salvalo come PNG, WebP lossless e AVIF lossless. Differenza visiva: zero. Ma su una pagina con una quindicina di screenshot, la differenza in megabyte è già percepibile per l'LCP.

Mi serve un plugin di ottimizzazione se WordPress stesso supporta WebP e AVIF?

WordPress supporta il caricamento di WebP e AVIF ma non converte automaticamente JPEG/PNG nei formati moderni. Se carichi WebP/AVIF già pronti, non ti serve un plugin. Se le tue fonti sono in JPEG/PNG, un plugin le converte al caricamento e serve al browser il formato ottimale.

Inoltre, i plugin risolvono il problema del fallback: generano <picture> con più sorgenti per browser diversi. Senza un plugin, dovresti farlo manualmente o sperare che tutti i visitatori usino browser che supportano AVIF (cosa che al momento non è ancora vera).

WebP o AVIF: quale dovrei scegliere adesso?

AVIF come primario, WebP come fallback. AVIF vince in compressione (notevolmente migliore del WebP), qualità (HDR, ampia gamma cromatica) e supporto browser, che ora include Chrome 85+, Firefox 93+, Safari 16+ e Opera 71+. L'unico "ma" sono i dispositivi iOS più vecchi: iPhone X e modelli precedenti su iOS 15 non visualizzeranno AVIF. Ma la loro quota è in calo e plugin come EWWW e Optimole gli servono automaticamente WebP.

Se le tue analisi mostrano una quota significativa di iOS 15 e versioni precedenti, rendi WebP il formato primario con AVIF come opzione "per chi può". Per tutti gli altri: AVIF ora, WebP come riserva.

Posso usare SVG per un logo in WordPress?

SVG è il formato ideale per i loghi: scalabilità infinita e dimensioni microscopiche (2-5 KB). Ma WordPress blocca SVG per il rischio di attacchi XSS (SVG può contenere JavaScript incorporato). Usa il plugin Safe SVG (caricamento sicuro), che sanifica ogni file caricato e rimuove il codice potenzialmente pericoloso. Dopodiché, SVG può essere caricato direttamente nella libreria media e usato come qualsiasi altro formato.

Cosa usare su WordPress nel 2026: in conclusione

La scelta del formato si riduce a tre regole. Foto e screenshot: AVIF (priorità) o WebP, compressione lossy qualità 70-85. Loghi e icone: PNG o AVIF lossless + SVG tramite Safe SVG. Animazioni: WebP invece di GIF, risparmio di dimensioni di diverse volte.

Non mettere tutte le uova in un solo paniere di formato. La strategia ideale: AVIF → WebP → JPEG/PNG originale, tre livelli tramite <picture> o un plugin. Quasi tutti i visitatori riceveranno AVIF/WebP, gli altri riceveranno il formato classico e nessuno vedrà un'icona rotta.

Configura l'ottimizzazione automatica una volta sola (tramite EWWW per l'elaborazione locale o Optimole per un servizio cloud con CDN) e dimentica la compressione manuale. Controlla le analisi trimestralmente: la quota di vecchi browser è in calo e presto AVIF sarà un formato senza riserve.