Comprimere immagini per WordPress

Quanto pesa una foto e quanto deve pesare un'immagine per il web

Prima di parlare di formati e cursori conviene guardare i numeri. Una foto scattata con il telefono pesa di solito fra 3 e 5 MB: 12 megapixel o più, un JPEG salvato con qualità alta e un blocco di metadati in coda. È un file pensato per essere stampato, ritagliato o rivisto sullo schermo del telefono con lo zoom. In una pagina web, invece, quella stessa immagine viene mostrata in un riquadro largo pochi centimetri, e per farlo bene basta meno di un decimo di quel peso.

La domanda che ci si pone più spesso è: quanto deve pesare un'immagine per il web? Non esiste un numero magico, ma ci sono ordini di grandezza ragionevoli. Una foto di copertina a tutta larghezza sta bene fra i 150 e i 300 KB; un'immagine dentro il testo di un articolo fra i 60 e i 150 KB; una miniatura o una foto di una griglia di prodotti spesso resta sotto i 50 KB. Se una sola immagine supera il mega, quasi sempre c'è margine per tagliare senza che nessuno se ne accorga.

Il motivo per cui il margine è così ampio è la larghezza reale. Nella maggior parte dei siti, temi WordPress compresi, la colonna del contenuto è larga fra 800 e 1600 pixel. Anche contando gli schermi ad alta densità, una foto da 4000 pixel di lato viene ridimensionata dal browser a una frazione della sua misura: il visitatore scarica milioni di pixel che non vedrà mai.

Il prezzo di quei pixel inutili lo paga chi apre la pagina. Su una connessione mobile, tre o quattro foto da 4 MB significano secondi di attesa con riquadri vuoti, testo che salta mentre le immagini arrivano e un consumo di dati che l'utente non ha scelto. I motori di ricerca misurano proprio questi tempi: l'elemento più grande visibile al caricamento è spesso un'immagine, e se arriva tardi l'intera pagina viene considerata lenta. Ecco perché le immagini troppo pesanti sono la prima cosa da sistemare quando un sito WordPress va a rilento.

Un'avvertenza su WordPress: quando carichi un'immagine, il sistema crea da solo diverse copie in formati ridotti (miniatura, media, grande) e, dalle versioni più recenti, ridimensiona gli originali molto grandi. Aiuta, ma non basta: l'originale resta comunque nella libreria, le copie vengono ricompresse con impostazioni generiche e il tema non sempre sceglie la misura giusta. Lavorare l'immagine prima di caricarla ti dà il controllo su dimensioni, formato e qualità.

Ottimizzare le immagini per il web: le tre leve in ordine

Per ottimizzare le immagini per il web hai tre leve. Funzionano tutte, ma non pesano allo stesso modo. Conviene usarle in quest'ordine, perché la prima fa quasi tutto il lavoro e le altre rifiniscono.

1. Ridurre il lato maggiore. È la leva più potente e quella che si nota di meno. Il peso di un'immagine cresce con il numero di pixel, cioè con il prodotto di larghezza e altezza. Portare una foto da 4000×3000 a 1600×1200 non la alleggerisce di poco: divide i pixel per oltre sei, da 12 megapixel a meno di 2. Sullo schermo, dentro una colonna da 800 pixel, la differenza è invisibile, perché il browser l'avrebbe rimpicciolita comunque.
2. Scegliere il formato. A parità di pixel e di resa visiva, formati diversi producono file di peso molto diverso. Un PNG di una fotografia può pesare parecchie volte un JPEG equivalente; un WebP o un AVIF ben impostati scendono sotto il JPEG. Ne parliamo nel dettaglio nella sezione successiva.
3. Abbassare la qualità. È il cursore che tutti toccano per primo, ed è l'ultimo da toccare. Fra una qualità alta e una media il risparmio c'è, ma se scendi troppo compaiono blocchetti nelle zone uniformi (cielo, pareti, sfondi sfumati) e aloni attorno ai contorni netti, come il testo sovrapposto. Con una foto già ridimensionata e nel formato giusto, di solito basta una qualità media per restare sotto il peso che ti serve.

Un modo pratico per decidere la misura: guarda quanto è larga la colonna del tuo tema e raddoppiala, per coprire gli schermi ad alta densità. Se la colonna è di 800 pixel, 1600 di lato maggiore sono più che sufficienti; per le miniature, 600-800 pixel vanno benissimo. Per le immagini a tutta pagina, come la copertina di un articolo, puoi salire a 1920-2400 pixel, ma raramente oltre.

Attenzione al percorso inverso. Se un'immagine è troppo piccola per lo spazio in cui la metti, il browser la ingrandisce e la rende morbida. In quel caso la compressione non c'entra: serve ingrandire un'immagine con l'IA fino alla misura giusta, e solo dopo comprimerla.

JPEG, WebP, AVIF o PNG: quale formato caricare

Il formato giusto dipende da dove finirà l'immagine e da chi la deve aprire. In breve:

• JPEG quando serve compatibilità totale. Lo apre qualsiasi browser, programma di posta, vecchio telefono o software di impaginazione. Per le fotografie resta una scelta solida, soprattutto se l'immagine verrà anche scaricata, inviata o riutilizzata fuori dal sito.
• WebP come equilibrio per il web. A parità di qualità visiva pesa meno del JPEG, supporta la trasparenza e oggi è letto da tutti i browser moderni. WordPress lo accetta da tempo nella libreria media, quindi è il formato predefinito sensato per le foto di un blog o di un negozio online.
• AVIF quando comanda il peso. Comprime ancora meglio del WebP, in particolare sulle sfumature e sulle superfici lisce, e le versioni recenti di WordPress lo caricano senza problemi. In cambio la codifica è più lenta e qualche programma più vecchio non lo apre: va benissimo per le immagini che vivono solo sul sito, meno per i file da condividere.
• PNG solo se ti serve la trasparenza (un logo, un prodotto scontornato da appoggiare su sfondi diversi) o per grafiche con pochi colori e bordi netti, come schermate e schemi. Per una fotografia senza trasparenza è quasi sempre la scelta più pesante.

Un caso frequente: le foto che arrivano dall'iPhone sono in HEIC, un formato che molti browser e plugin non mostrano. Prima di caricarle sul sito vanno convertite; trovi i dettagli nell'articolo su come convertire HEIC in JPG senza perdere qualità.

Se vendi online e ti serve un prodotto su sfondo bianco o trasparente, conviene prima rimuovere lo sfondo da una foto e poi decidere il formato: con sfondo bianco puoi tornare a JPEG o WebP e alleggerire molto; il PNG trasparente ha senso solo se il prodotto deve davvero posarsi su colori diversi.

Un'ultima nota pratica: se usi un plugin che genera da solo versioni WebP o AVIF, caricare un file già ridotto e pulito rende anche il suo lavoro più leggero e prevedibile. Il plugin converte, ma non sa quale misura ti serve davvero.

Metadati: cosa togliere e cosa tenere

Ogni foto scattata con il telefono si porta dietro un blocco di informazioni invisibili, i metadati EXIF. Dentro ci sono la data e l'ora dello scatto, la marca e il modello del telefono, l'obiettivo usato, tempo di esposizione, sensibilità ISO, spesso un'anteprima in miniatura e, se la localizzazione era attiva, le coordinate GPS del punto in cui hai scattato.

Toglierli ha due vantaggi. Il primo è il peso: su un'immagine già ridimensionata e compressa, i metadati e la miniatura incorporata possono rappresentare una parte non trascurabile del file, e su una pagina con decine di immagini il conto si sente. Il secondo, più importante, è la riservatezza. Chiunque scarichi una foto dal tuo sito può leggerne i metadati con un clic: se è la foto di un prodotto fatta nel soggiorno di casa, le coordinate dicono dove abiti. Per un sito pubblico non c'è motivo di lasciarle.

C'è però un elemento da non buttare via: il profilo colore ICC. È la descrizione dello spazio colore in cui la foto è stata salvata. Molti telefoni recenti scattano in uno spazio più ampio dello standard sRGB; se il profilo sparisce, il browser interpreta i valori come sRGB e i colori cambiano: rossi spenti, pelle più grigia, verdi che virano. È esattamente il genere di difetto che nessuno sa spiegare, ma che rende una foto prodotto meno fedele all'originale.

La regola quindi è semplice: togli i metadati, tieni il profilo ICC. Non tutti gli strumenti lo fanno; molti cancellano tutto in blocco. Il compressore di Airpic, quando attivi l'opzione per eliminare i metadati, conserva il profilo ICC proprio per evitare questo problema.

Un dettaglio da sapere: anche l'orientamento della foto è un metadato. Se uno strumento lo cancella senza applicarlo prima, le foto verticali compaiono girate di lato sul sito. Airpic applica l'orientamento EXIF all'immagine prima di salvarla, quindi la foto resta dritta anche senza metadati.

Comprimere immagini per WordPress con Airpic, passo per passo

Ecco il procedimento completo per comprimere immagini per WordPress con Airpic. Non serve creare un account e, a differenza degli altri strumenti della suite, la compressione è gratuita del tutto: elabori e scarichi senza consumare crediti.

1. Carica la foto. Apri la pagina per comprimere immagini online e trascina il file, oppure incollalo con Ctrl+V. Sono accettati JPG, PNG (anche con trasparenza e a 16 bit), WebP, TIFF, HEIC e AVIF, quindi puoi caricare direttamente la foto dell'iPhone.
2. Imposta il lato massimo. È la prima leva: scrivi la misura che ti serve, ad esempio 1600 pixel per una foto dentro un articolo o 800 per una miniatura. Se l'immagine è già più piccola, non viene ingrandita.
3. Scegli il formato. JPEG se la foto deve funzionare ovunque, WebP per il sito, AVIF se vuoi il file più leggero possibile, PNG solo se c'è trasparenza da conservare.
4. Regola la qualità o fissa un peso. Puoi muovere il cursore della qualità oppure indicare un peso obiettivo in KB, ad esempio 150: lo strumento cerca la qualità più alta che rientra in quel limite. Per le immagini di un blog è il modo più rapido per avere file tutti della stessa taglia.
5. Togli i metadati. Attiva l'opzione: data, modello del telefono e coordinate spariscono, il profilo ICC resta e i colori non cambiano.
6. Controlla e scarica. L'elaborazione gira su CPU e richiede pochi secondi. Confronta prima e dopo con il cursore, guarda il peso finale e scarica il file. Poi caricalo nella libreria media di WordPress come al solito.

I file vengono cancellati un'ora dopo il download, al massimo dopo un giorno, e non vengono mai usati per addestrare modelli; l'elaborazione avviene su server nell'Unione Europea. Se vuoi approfondire le impostazioni per tipo di pagina, leggi anche la guida su come comprimere le immagini per il web senza perdere qualità. Quando sei pronto, puoi comprimere immagini per il sito e alleggerire le tue pagine adesso.

FAQ

Continua a leggere