Introduzione
"Senza perdere qualità" raramente significa conservare ogni singolo byte. Significa che nessuno, guardando l'immagine finale, si accorgerà che qualcosa è cambiato. Questo è un obiettivo molto più facile da raggiungere, e di solito si può ottenere con un file di dimensioni nettamente inferiori.
La maggior parte delle persone che pongono questa domanda desidera una di queste cose: una pagina che si carichi più velocemente, un allegato che rientri nei limiti di dimensione delle email o uno screenshot per la documentazione che non sia di dimensioni enormi (4 MB). La teoria conta meno di un metodo di lavoro che permetta di ridurre le dimensioni del file senza comprometterne la qualità.
Ecco quindi cosa decidere prima di comprimere, perché ridimensionare e comprimere sono operazioni diverse e cosa controllare in seguito per essere sicuri di non aver esagerato.
Decidi prima dove andrà l'immagine
Un'immagine principale su un sito web, un allegato email, un post sui social media e uno screenshot in un articolo di aiuto richiedono tutti cose diverse. Se ti concentri solo sul file più piccolo, farai una scelta sbagliata almeno per alcuni di essi.
Una volta nota la destinazione, la scelta diventa semplice. Per una pagina web, ciò che conta è l'aspetto dell'immagine nelle dimensioni in cui viene visualizzata. Per un'e-mail, sono importanti il limite di allegati e i tempi di invio. Per la documentazione, è fondamentale che il testo sia ancora leggibile nello screenshot.
- Siti web: riducete al minimo le dimensioni, mantenendo comunque un aspetto coerente sulla pagina.
- Email e chat: rispettate i limiti di messaggi finché l'aspetto è ancora professionale.
- Documenti e screenshot: prima di tutto, assicurati che il testo sia nitido, e solo dopo preoccupati delle dimensioni.
Comprimere e ridimensionare sono operazioni diverse
La compressione riduce le dimensioni del file mantenendo invariate larghezza e altezza. Il ridimensionamento, invece, ne modifica larghezza e altezza. Spesso si confondono i due concetti, ed è per questo che molti consigli sull'"ottimizzazione delle immagini" risultano fuorvianti.
Di solito è meglio fare entrambe le cose, in ordine. Se una foto da 4000 pixel deve essere inserita in uno spazio da 800 pixel, ridimensionala prima. Non ha senso comprimere con cura pixel che nessuno vedrà mai. Poi comprimi ciò che rimane.
- Comprimi l'immagine da sola quando ha già le dimensioni con cui verrà visualizzata.
- Ridimensiona prima l'immagine quando è più grande di quanto verrà visualizzata.
- Ridimensionare e poi comprimere permette di ottenere il file più piccolo con la minima modifica visibile.
Perché comprimere nel browser
Quando le immagini sono già sul computer, comprimerle in una scheda del browser è semplicemente più veloce: nessun caricamento, nessuna attesa in coda, nessun link di download da cercare. Inoltre, gli screenshot di dashboard interne, lavori per i clienti e immagini di prodotti non ancora lanciati rimangono sul computer.
Quest'ultima parte riceve meno attenzione di quanta ne meriti. Gran parte del lavoro sulle immagini viene svolto molto prima che vengano pubblicate, e le immagini che necessitano maggiormente di essere ridotte sono spesso quelle che meno vorresti trovassero sul server di qualcun altro.
Verifica il risultato prima di utilizzarlo
Non giudicare un'immagine compressa solo dalle dimensioni del file. Osserva prima le parti che si deteriorano: testo piccolo, bordi netti, sfumature uniformi come il cielo e dettagli fini nelle foto dei prodotti. Se queste parti appaiono ancora corrette alle dimensioni in cui l'immagine verrà visualizzata, hai finito.
Quando comprimi un batch, cerca l'elemento anomalo. Nove immagini potrebbero andare bene con la compressione "Moderata", mentre la decima, di solito quella con una grande sfumatura uniforme, necessita di "Senza perdita di dati".
- Leggi prima il testo piccolo. Se è sfocato, riduci la compressione.
- Cerca bande o zone a blocchi nelle sfumature e nei colori piatti.
- Verifica che i bordi degli screenshot e delle foto dei prodotti siano ancora nitidi.
Eseguendolo in ToolBuddy
Apri Image Compressor e trascina i tuoi file JPG, PNG o WebP. Scegli un livello di compressione: "Lossless" mantiene le dimensioni pressoché identiche, mentre "Moderate" ed "Extreme" le riducono ulteriormente. Scegli anche il formato di output. WebP è il formato predefinito ed è una buona scelta per il web; il formato AVIF solitamente produce immagini ancora più piccole se il tuo sito lo supporta. Scarica ogni singola immagine o l'intero batch come file ZIP.
Se a metà del processo ti accorgi che le immagini sono troppo grandi, fermati e ridimensionale prima con lo strumento di ridimensionamento. Dopodiché, torna indietro e comprimile. Otterrai un file più piccolo di quello che potresti ottenere con la sola compressione.
Scritto da
Ankit Kumar
Ingegnere software senior e fondatore di ToolBuddy
Progettare utilità basate sul browser senza requisiti di caricamento utilizzando le tecnologie WebAssembly, Web Audio e Canvas.