Da un PNG di 200 KB, dopo la compressione, escono 350 KB. Lo strumento non è guasto: conta se il metodo di compressione si adatta al contenuto. Capito questo, controlli la dimensione invece di tentare parametri a caso.
Due tipi di compressione
La compressione con perdita (JPEG, WebP lossy) scarta i dettagli ad alta frequenza che l'occhio nota poco e spesso riduce il peso a un decimo. La compressione senza perdita (PNG, WebP lossless) non cambia un solo pixel, riorganizza i dati: il rapporto dipende da quanti motivi ripetuti contiene l'immagine.
Da qui la conclusione chiave: il lossless è ottimo su tinte piatte, grandi campiture e linee regolari, e quasi inutile sulle foto — immagini rumorose, con sfumature e dettagli fitti — dove il file può persino crescere perché servono più dati di indice.
Tre casi tipici di «è diventato più grande»
1. Una foto salvata come PNG. Ogni pixel è leggermente diverso, PNG non trova nulla da riusare e memorizza tutto. Una foto 1920×1080 in PNG pesa spesso 3–5 MB; in JPEG a qualità 80 circa 300 KB.
2. Uno screenshot o un'icona salvati come JPEG. Anche il contrario fallisce: i bordi del testo e le campiture piatte sviluppano rumore, la qualità va alzata per restare leggibili e il file supera il PNG originale. Gli screenshot vanno in PNG o WebP lossless.
3. Ricomprimere un'immagine già compressa. Un JPEG scaricato da una chat o da un sito è già lossy. Ricomprimerlo somma i danni: file poco più piccolo, immagine molto peggiore. Serve il materiale originale.
Scegliere in base al contenuto
- Foto, ritratti, paesaggi → JPEG (qualità 75–85) o WebP lossy (25–35% più piccolo a parità di qualità)
- Screenshot, grafici, interfacce con testo → PNG o WebP lossless
- Icone, loghi, illustrazioni semplici → SVG (vettoriale, nitido a ogni scala)
- Sfondo trasparente → PNG o WebP (JPEG non ha canale alfa)
- Animazioni → meglio formati video o WebP animato; GIF è il meno efficiente
Oltre al formato
Lato massimo spesso conta più del cursore qualità. Le immagini nel corpo del testo raramente superano gli 800–1200 pixel di larghezza; ridurre un originale da 4000 a 1200 taglia il peso di un ordine di grandezza senza differenze visibili.
Qualità: per JPEG il punto di equilibrio è tra 75 e 85. Oltre, il peso sale in fretta e la qualità quasi non migliora.
Metadati: i file delle fotocamere contengono EXIF (luogo, dispositivo, ora): occupano spazio e riguardano la privacy. Meglio rimuoverli prima di pubblicare.
In una frase
Foto con perdita, screenshot senza perdita, prima riduci le dimensioni, poi regola la qualità.
Una tabella per scegliere il formato
Prima il tipo di contenuto, poi il formato. È l'unico ordine che evita di procedere per tentativi:
| Contenuto | Formato preferito | Impostazioni | Attenzione |
|---|---|---|---|
| Foto, ritratti, paesaggi | WebP con perdita / JPEG | Qualità 75–85 | Nessuna trasparenza |
| Screenshot di interfacce, immagini con testo | PNG o WebP senza perdita | Nessuna impostazione | Mai convertirle in JPEG |
| Icone, loghi, illustrazioni semplici | SVG | — | Vettoriale, scala senza sfocare |
| Serve sfondo trasparente | PNG / WebP | — | JPEG non ha canale alfa |
| Animazioni brevi | WebP animato / MP4 | — | GIF è il meno efficiente |
Questa tabella non si impara a memoria: prima di comprimere ci si chiede «è una foto o uno screenshot?». Rispondendo bene, restano pochissimi parametri da ritoccare.
WebP o AVIF
WebP è supportato da tutti i browser principali, produce file dal 25 al 35% più piccoli di JPEG a pari qualità e gestisce trasparenza e animazione. È il default più sicuro oggi.
AVIF comprime ancora di più — un altro 20–30% sotto WebP a pari qualità — ma due costi sono reali: la codifica è molto più lenta (in elaborazione batch anche di un ordine di grandezza) e la decodifica non è ancora universale su dispositivi e browser datati. Per un sito pubblico, AVIF funziona meglio come miglioramento progressivo servito quando supportato, non come unico formato.
La combinazione pragmatica: servire WebP come immagine principale e tenere un JPEG di riserva. Si ottiene il vantaggio di dimensione senza aree vuote nei casi limite.
Tre modi di gestire lo sfondo trasparente
- Mantenerla (PNG / WebP). Adatto a icone, adesivi e a tutto ciò che poggia su uno sfondo non controllato. Il prezzo è la dimensione: con grandi aree semitrasparenti come ombre morbide o aloni sfumati, la compressione PNG cala vistosamente.
- Appiattire su un colore pieno (JPEG). Se l'immagine starà sempre su bianco o su un tono scuro noto, riempite lo sfondo con quel colore e salvate in JPEG: il file può ridursi a un terzo. Il prerequisito è che il colore circostante non cambi mai.
- Convertire in vettoriale (SVG). Ideale per icone monocromatiche: pochi kilobyte, nitide a qualsiasi ingrandimento, ricolorabili via CSS. Gradienti complessi e texture non si vettorializzano bene.
Un errore frequente: salvare un logo con sfondo trasparente in JPEG trasforma l'area vuota in un blocco nero o bianco che salta all'occhio su una pagina scura. È un limite del formato, non un difetto del software.
In che ordine elaborare un batch
L'ordine sbagliato costa qualità senza contropartita. Quattro passaggi, la sequenza non è negoziabile:
- Prima ritagliare. Togliete ciò che non serve. Ritagliare prima di scalare conserva più dettaglio e costa meno calcolo del contrario.
- Poi ridimensionare. Portate a 1,5–2 volte la dimensione di visualizzazione per coprire gli schermi ad alta densità. Questo passaggio pesa sulla dimensione del file più di qualsiasi impostazione di qualità.
- Quindi comprimere. Scegliete formato e qualità una volta e chiudete — non comprimete più volte «per vedere come viene», perché ogni passaggio con perdita può aggiungere un altro strato di danno.
- Infine rimuovere i metadati. Cancellate da EXIF luogo di scatto, modello del dispositivo e data. File più piccolo e nessun dato privato pubblicato per errore.
L'inversione frequente — comprimere prima di ridimensionare — butta via dettaglio in un passaggio dove il danno non è più recuperabile.
Come capire se il risultato è ancora usabile
Non giudicate dalla miniatura. Mettete prima e dopo affiancati al 100% e guardate tre punti:
- I bordi del testo. La compressione con perdita cede qui per prima, mostrando aloni o rumore colorato attorno ai caratteri.
- I grandi gradienti come cielo o parete uniforme. La compressione eccessiva produce banding visibile: la sfumatura morbida diventa a scalini.
- Le texture fini — capelli, erba, tessuto. Qui il dettaglio si impasta prima.
Se tutti e tre reggono, l'immagine sarà buona alla dimensione di visualizzazione reale — che è come le immagini web vengono quasi sempre guardate.