La risposta breve
Per ridurre un'immagine senza cambiare le sue dimensioni, comprimi il file invece di ridimensionarlo. La compressione cambia come vengono memorizzati gli stessi pixel. Il ridimensionamento cambia la griglia di pixel stessa.
Questa distinzione conta quando un modulo dice qualcosa come:
- «L'immagine deve essere 600 x 600 pixel e sotto 200 KB.»
- «Carica una foto passaporto di 2 x 2 pollici, solo JPG, max. 240 KB.»
- «La foto profilo deve essere almeno 1000 x 1000 pixel, max. 1 MB.»
- «Non cambiare le dimensioni dell'immagine.»
In questi casi larghezza e altezza fanno parte del requisito. Se ridimensioni, magari risolvi il problema dei KB ma violi la regola sulle dimensioni. Usa prima uno strumento di compressione.
Dimensione del file e dimensioni sono cose diverse
La «dimensione» di un'immagine confonde perché la stessa parola indica due cose diverse.
| Come si dice | Cosa significa | Esempio | Come cambiarla |
|---|---|---|---|
| Dimensione del file | Byte su disco | 85KB, 240KB, 2,8MB | Comprimere, rimuovere metadati, cambiare formato |
| Dimensioni in pixel | Larghezza e altezza | 600 x 600 px, 1200 x 800 px | Ridimensionare o ritagliare |
| Dimensione di stampa | Dimensione fisica di uscita | 2 x 2 pollici, 4 x 6 pollici | Dipende dai pixel e dai metadati DPI/PPI |
Un'immagine 2000 x 2000 può pesare 10MB o 300KB. Le dimensioni sono identiche. Il metodo di memorizzazione è diverso.
Vale anche il contrario: uno screenshot PNG 500 x 500 può pesare più di una foto JPEG 2000 x 2000 se lo screenshot è salvato in modo inefficiente o contiene trasparenza e metadati.
Quando non dovresti ridimensionare
Comprimi prima quando le dimensioni attuali sono già corrette:
- Moduli governativi o scolastici: il modulo può validare sia le dimensioni in pixel che la dimensione del file.
- Foto per passaporto o documenti d'identità: il ritaglio è probabilmente già corretto, e ridimensionare può violare i requisiti sulla dimensione del volto o sulla posizione della testa.
- Foto profilo: la piattaforma spesso chiede un'immagine quadrata sopra una dimensione minima in pixel.
- Immagini di siti già dimensionate per un layout: lo slot CSS si aspetta lo stesso rapporto d'aspetto e la stessa griglia di pixel.
- Screenshot per documentazione: cambiare le dimensioni può rendere il testo dell'interfaccia meno nitido o rendere difficili i confronti.
- Immagini usate da un altro sistema: un template, un database, un flusso di stampa o uno script batch possono aspettarsi dimensioni esatte.
Ridimensiona solo se la destinazione consente dimensioni più piccole o se l'immagine ha molti più pixel del necessario. Le linee guida sulle immagini di web.dev separano questi temi: immagini con le dimensioni giuste riducono byte inutili, la compressione poi rifinisce il file che rimane.
Cosa cambia la compressione
Quando le dimensioni restano invariate, il peso del file può comunque cambiare perché il file esportato varia in uno o più di questi aspetti:
- Livello di qualità: i formati con perdita memorizzano meno dettagli visivi al calare della qualità.
- Formato: WebP o AVIF possono memorizzare le stesse dimensioni in pixel in modo più efficiente rispetto a JPEG o PNG.
- Modalità di compressione: lossless preserva i pixel esatti; con perdita cambia leggermente i pixel per risparmiare più byte.
- Informazioni sul colore: alcuni encoder riducono la precisione del colore o il dettaglio del croma.
- Metadati: modello di fotocamera, GPS, miniature di anteprima, tag DPI e cronologia di modifica possono essere rimossi.
La documentazione MDN sull'export del canvas è un buon modello mentale per gli strumenti nel browser: il browser può esportare la stessa bitmap del canvas in formati e livelli di qualità diversi. Se il canvas è 1200 x 800 pixel, il JPEG o WebP esportato può restare 1200 x 800 mentre il peso in byte cambia.
Scegli il metodo in base al tipo di immagine
| Immagine di partenza | Mantenere le dimensioni? | Prova prima | Da evitare |
|---|---|---|---|
| Foto JPG sopra un limite di upload | Sì | Abbassare la qualità JPEG a piccoli passi | Risalvare lo stesso JPG più volte |
| Foto PNG senza trasparenza | Sì | Convertire in JPG o WebP se accettati | Tenerlo come PNG solo perché è partito come PNG |
| Screenshot PNG con testo | Sì | Ottimizzazione PNG o WebP lossless | JPEG a bassa qualità |
| Logo trasparente o scontorno | Sì | PNG o WebP, in base al supporto della destinazione | JPEG, perché rimuove la trasparenza |
| Immagine hero di sito già dimensionata correttamente | Sì | WebP o AVIF con fallback | Qualità molto bassa che causa banding |
| Allegato email | Di solito | JPEG per foto, PNG per grafiche | WebP o AVIF se il destinatario potrebbe non supportarli |
| File master o d'archivio | Sì | Tenere l'originale, eventualmente aggiungere una copia compressa | Sostituire l'unico master con un export con perdita |
È qui che molti articoli generici di compressione sbagliano. «Converti in WebP» è un buon consiglio per l'immagine di un sito che controlli tu. Può essere un pessimo consiglio per un modulo di un tribunale, di una scuola, per una stamperia o un allegato email che accetta solo JPG o PNG.
Impostazioni di qualità che di solito funzionano
Non esiste un numero di qualità universale. web.dev consiglia di provare diversi livelli di compressione finché non trovi il miglior compromesso tra qualità visiva e peso del file. Usa questi valori come punti di partenza, non come regole:
| Lavoro sull'immagine | Punto di partenza JPEG/WebP | Cosa controllare |
|---|---|---|
| Foto passaporto, ID, profilo o documento | 82-90 | Dettagli del volto, etichette testuali, nitidezza dei bordi |
| Foto di prodotto | 80-88 | Tessuti, etichette, angoli, spostamenti di colore |
| Foto per blog o sito | 75-85 | Pelle, cielo, ombre, gradienti |
| Miniatura o anteprima | 65-78 | Chiarezza del soggetto a dimensione ridotta |
| Immagine di sfondo | 55-72 | Banding e blocchi evidenti |
| Screenshot con testo | Prima PNG/WebP lossless | Testo dei menu, icone, linee sottili |
Per AVIF molti strumenti usano una scala diversa, quindi non confrontare direttamente il numero con JPEG o WebP. Un AVIF a «qualità 60» non è la stessa cosa di un JPEG a «qualità 60».
Il flusso più sicuro è noioso ma affidabile: esporta, confronta, aggiusta, ripeti.
Cambio di formato senza ridimensionare
Cambiare formato può ridurre il peso del file senza cambiare le dimensioni in pixel. La domanda importante è se la destinazione accetta il nuovo formato.
Da JPEG a WebP: spesso utile per la consegna web. La documentazione WebP di Google riporta risparmi medi solidi nei suoi set di test, e WebP supporta modalità con perdita, lossless, trasparenza e animazione. Comunque un modulo rigoroso può rifiutare WebP anche se i browser lo supportano.
Foto PNG in JPEG o WebP: spesso un grande vantaggio se il PNG è una foto da fotocamera e non serve la trasparenza. PNG è lossless, quindi preserva ogni piccola variazione di rumore della fotocamera. JPEG o WebP possono memorizzare le stesse dimensioni con meno byte usando la compressione fotografica con perdita.
Screenshot PNG in JPEG: spesso un cattivo affare. Il file può ridursi, ma testo e bordi netti possono apparire sporchi. Prova prima l'ottimizzazione PNG o WebP lossless.
PNG trasparente in JPEG: fallo solo se ti va bene appiattire lo sfondo. JPEG non può conservare pixel trasparenti.
Da JPEG a JPEG di nuovo: funziona, ma parti dalla miglior sorgente che hai. Ricomprimere più volte un JPEG già compresso può accumulare artefatti.
Come comprimere senza cambiare le dimensioni in PhotoTools
Usa questo flusso quando larghezza e altezza devono restare le stesse:
- Apri Comprimi, non Ridimensiona.
- Trascina l'immagine.
- Controlla le dimensioni di input mostrate dallo strumento o dalle info file del tuo sistema.
- Mantieni le stesse dimensioni e scegli un formato di output accettato dalla destinazione.
- Abbassa gradualmente il cursore di qualità per JPEG, WebP o AVIF.
- Scarica il risultato.
- Ricontrolla larghezza e altezza in pixel del file scaricato prima di caricarlo.
- Se la privacy è importante, controlla se restano metadati EXIF/GPS.
PhotoTools esegue il flusso di compressione nel tuo browser. L'immagine viene elaborata localmente durante la sessione dello strumento, invece di essere caricata su un server per la conversione.
Non usare lo strumento di ridimensionamento se la destinazione richiede le dimensioni attuali in pixel. Ridimensionare serve a cambiare larghezza e altezza. Comprimere serve a cambiare i byte.
Esempi per problema reale di upload
| Problema | Mossa migliore | Perché |
|---|---|---|
| JPG 600 x 600 deve stare sotto 200KB | Tenere JPG, abbassare la qualità dagli 80 alti verso gli 80 bassi | Dimensioni e formato accettato restano al sicuro |
| Foto profilo 1200 x 1200 è 2MB, limite 1MB | Comprimere JPG o convertire in WebP se accettato | Molto margine senza cambiare pixel |
| Screenshot PNG di 900KB, dimensioni da mantenere | Provare ottimizzazione PNG o WebP lossless | Il testo resta nitido |
| Scontorno prodotto trasparente troppo pesante | Provare WebP con alpha se accettato | Mantiene la trasparenza con meno byte in molti casi web |
| Immagine di sito 4000 px larga ma mostrata a 800 px | Ridimensionare prima se consentito, poi comprimere | Tenere 4000 px spreca byte |
| Modulo chiede JPG esatti 413 x 531 px, max 300KB | Non ridimensionare; comprimere solo JPG | Il validatore può rifiutare qualsiasi cambio di dimensioni |
I casi difficili sono di solito i moduli rigorosi. Se un modulo indica pixel esatti e un tetto sul peso del file, fidati di quei requisiti più che dei consigli generici.
Quando anche ridimensionare è necessario
A volte «senza ridimensionare» è il vincolo sbagliato. Se l'immagine ha molti più pixel di quelli che serve alla destinazione, la sola compressione può costringerti a impostazioni di qualità brutte.
Una foto larga 4000 pixel schiacciata a qualità JPEG molto bassa può restare pesante e apparire peggio. Se la destinazione mostra l'immagine solo a 1000 px di larghezza e lo consente, ridimensiona prima e poi comprimi con moderazione. Di solito appare meglio che mantenere pixel inutili distruggendo i dettagli.
Regola:
- Se le dimensioni sono obbligatorie, comprimi prima.
- Se le dimensioni sono solo più grandi del necessario, ridimensiona prima.
- Se non sei sicuro, controlla le istruzioni di upload prima di cambiare le dimensioni.
Risoluzione dei problemi
L'immagine è ancora troppo pesante
Prova un formato accettato più efficiente, abbassa un po' di più la qualità, rimuovi i metadati o parti dal file originale invece che da una copia esportata in precedenza. Se il file è ancora molto sopra il limite e la destinazione consente dimensioni più piccole, ridimensiona prima.
Il modulo di upload rifiuta il file
Controlla il tipo di file consentito. Molti moduli accettano solo JPG e PNG. Un file WebP può avere le giuste dimensioni e il giusto peso e comunque fallire se il modulo non elenca WebP tra i formati accettati.
L'immagine appare sfocata
Le dimensioni possono essere invariate, ma la qualità di compressione è troppo bassa o è stato scelto il formato sbagliato. Usa un'impostazione di qualità più alta. Per screenshot, diagrammi e testo usa PNG o WebP lossless al posto di JPEG a bassa qualità.
Lo sfondo trasparente è diventato bianco o nero
L'immagine è stata probabilmente convertita in JPEG. JPEG non ha trasparenza. Esporta come PNG, WebP o AVIF se la destinazione supporta la trasparenza.
Le dimensioni sono cambiate lo stesso
Probabilmente hai usato un preset di ridimensionamento, ritaglio o export che ha cambiato la griglia di pixel. Riapri l'originale e usa solo Comprimi. Controlla le dimensioni di output prima di inviare il file.
Un'ultima regola che salva la qualità
Conserva l'originale. La compressione è più sicura quando puoi esportare di nuovo dal miglior file sorgente.
Se scarichi ripetutamente un'immagine compressa, la ricomprimi, la converti in un altro formato con perdita e la ricomprimi ancora, gli artefatti si accumulano. Per un singolo upload può essere accettabile. Per foto di prodotto, foto identificative o asset di sito che riutilizzerai, tieni un master pulito e crea da lì le copie di consegna.