Una foto web efficace deve caricarsi rapidamente, mantenere un aspetto nitido e adattarsi allo schermo su cui viene visualizzata. In questo articolo chiarisco quali formati usare, come ridimensionare e comprimere le immagini, quali differenze considerare rispetto alla stampa e come preparare un file adatto a un sito fotografico o aziendale.
La scelta del formato cambia velocità, qualità e risultato finale
- WebP e AVIF sono spesso le soluzioni più efficienti per i siti moderni.
- JPEG resta pratico per le fotografie grazie alla compatibilità quasi universale.
- PNG è preferibile per trasparenze, loghi e grafiche con bordi netti.
- Per il web conta soprattutto la dimensione in pixel, non il valore di dpi.
- Per la stampa servono file più grandi, profili colore corretti e almeno 240-300 ppi nei formati comuni.
Che cosa deve avere un’immagine pronta per il web
Un’immagine destinata a un sito non deve essere semplicemente “bella”. Deve essere abbastanza grande da apparire definita, ma non tanto pesante da rallentare la pagina. Nella mia esperienza, il problema più frequente non è la fotocamera, bensì il caricamento online di file da 8 o 12 MB quando sullo schermo ne basterebbe uno da poche centinaia di kilobyte.
Per valutare una fotografia guardo quattro elementi. Dimensioni in pixel, formato, compressione e profilo colore lavorano insieme: se uno di questi è sbagliato, l’immagine può risultare lenta, sgranata o cromaticamente diversa dall’originale.
- Una foto nell’articolo può stare spesso tra 1200 e 2000 pixel sul lato lungo.
- Un’immagine a tutta larghezza può richiedere circa 1600-2400 pixel, in base al layout.
- Una miniatura può funzionare bene tra 400 e 800 pixel.
- Per una fotografia compressa con cura, un peso tra 100 e 500 KB è spesso un buon punto di partenza.
Non esiste però un numero valido per ogni sito. Un portfolio fotografico può accettare file più pesanti di un negozio online, mentre una pagina visitata soprattutto da smartphone ha bisogno di immagini più leggere. Io preferisco sempre partire dalla misura reale con cui l’immagine viene mostrata e creare versioni diverse per desktop, tablet e mobile.
JPEG, WebP, AVIF e PNG a confronto
Il formato va scelto in base al contenuto, non alla moda del momento. Una fotografia ricca di sfumature ha esigenze diverse da un logo, da uno screenshot o da un’illustrazione con trasparenza.
| Formato | Punti di forza | Limiti | Uso consigliato |
|---|---|---|---|
| JPEG | Compatibile, leggero, efficace sulle fotografie | Compressione con perdita e niente trasparenza | Foto, articoli, gallerie con ampia compatibilità |
| WebP | Buon rapporto tra peso e qualità, supporta trasparenza | Richiede un flusso di esportazione adeguato | Quasi tutte le immagini di un sito moderno |
| AVIF | File molto compatti e buona resa visiva | Codifica più lenta e gestione meno semplice in alcuni flussi | Immagini hero, cataloghi e siti attenti alle prestazioni |
| PNG | Qualità senza perdita e trasparenza | Può diventare molto pesante con le fotografie | Loghi, icone, schermate e grafiche |
| SVG | Leggero e scalabile senza perdita di nitidezza | Non adatto alle fotografie raster | Loghi e icone vettoriali |
Per una fotografia sceglierei WebP come opzione principale e JPEG come alternativa quando la compatibilità deve essere assoluta. L’AVIF può ridurre ulteriormente il peso, ma non lo userei senza controllare il risultato su diversi browser e dispositivi.
Il PNG viene spesso usato per errore come formato universale. Per un paesaggio o un ritratto può produrre un file inutilmente grande, mentre per un logo con fondo trasparente è ancora una scelta sensata. La differenza si nota soprattutto quando il sito contiene molte immagini e ogni file contribuisce al tempo di caricamento.
Come ridimensionare e comprimere senza rovinare la foto
Il flusso corretto parte dall’originale ad alta qualità. Conservo il RAW o il master TIFF separato e preparo una copia per il web, così posso intervenire di nuovo senza degradare il file principale. Questo passaggio sembra banale, ma evita di comprimere più volte la stessa immagine, uno degli errori che rende visibili aloni e artefatti.
Ridimensionare prima di esportare
Ridimensionare significa ridurre il numero di pixel dell’immagine. Se una foto deve essere mostrata larga 900 pixel, caricarla a 6000 pixel non aumenta la qualità percepita, ma aumenta il peso e il lavoro richiesto al browser.
Per un’immagine principale di un articolo uso spesso il lato lungo tra 1600 e 2000 pixel. Per le anteprime preparo file più piccoli, mentre per una galleria lascio eventualmente una versione grande separata, caricata solo quando l’utente la richiede.
Comprimere con criterio
La compressione con perdita elimina informazioni poco visibili per ridurre il peso. Con JPEG parto generalmente da una qualità tra 75 e 85, poi controllo occhi, capelli, trame, testo e zone uniformi. Una qualità impostata al 100% raramente porta un vantaggio proporzionato alle dimensioni del file.
Per WebP provo di solito valori equivalenti a una qualità medio-alta e confronto sempre l’originale con la copia esportata. Le aree più delicate sono cieli sfumati, ombre profonde e dettagli fini. Se compaiono bande, blocchi o bordi troppo duri, la compressione è eccessiva oppure il file è stato ridimensionato male.
Leggi anche: JPEG o JPG? Differenze reali e consigli per web e stampa
Usare immagini responsive
Un sito ben configurato non dovrebbe inviare la stessa immagine enorme a ogni dispositivo. Le immagini responsive sono versioni diverse dello stesso file, selezionate dal browser in base alla larghezza dello schermo e alla densità del display.
Questa soluzione è particolarmente utile per un portfolio. Una fotografia visualizzata su uno smartphone non ha bisogno dello stesso file destinato a un monitor 4K. Il risultato è una navigazione più rapida senza rinunciare alla qualità quando serve.
Colore e metadati fanno la differenza online
Per la maggior parte dei siti il profilo più sicuro è sRGB, perché è quello interpretato in modo più prevedibile da browser, smartphone e monitor comuni. Un’immagine Adobe RGB o ProPhoto RGB caricata senza conversione può apparire meno satura o alterata, anche se nel programma di fotoritocco sembrava perfetta.
Prima dell’esportazione converto quindi la copia destinata al web in sRGB e controllo il risultato su almeno un monitor non professionale. Non cerco una corrispondenza assoluta tra ogni schermo, che è impossibile, ma evito gli errori più evidenti.
I metadati EXIF possono contenere modello della fotocamera, posizione GPS, data e informazioni sull’autore. Per un sito commerciale spesso elimino i dati non necessari e conservo solo copyright e credit fotografico. Rimuovere il GPS è una precauzione utile quando si pubblicano immagini scattate in luoghi privati o abitazioni.
Anche il nome del file contribuisce all’organizzazione e all’accessibilità. “IMG_4832.jpg” dice poco, mentre “ritratto-artigiana-torino.webp” è più comprensibile per chi gestisce il sito. Il testo alternativo deve descrivere l’immagine in modo naturale, senza trasformarsi in un elenco artificiale di parole chiave.
Quando la stessa immagine deve essere stampata
Un file ottimizzato per il web non è automaticamente pronto per la stampa. Online contano soprattutto pixel e peso; sulla carta contano anche dimensioni fisiche, risoluzione, profilo colore e metodo di stampa. Usare una piccola immagine scaricata da un sito per creare un poster porta quasi sempre a un risultato morbido o pieno di difetti.
Per una stampa fotografica di buona qualità si considera spesso una densità tra 240 e 300 ppi. Ppi indica quanti pixel vengono distribuiti in ogni pollice, mentre dpi viene usato più propriamente per i punti prodotti dalla stampante. Nella comunicazione quotidiana i due termini vengono spesso confusi, ma il concetto pratico resta la quantità di dettaglio disponibile.
| Stampa | Dimensione consigliata a 300 ppi | Rapporto comune |
|---|---|---|
| 10 × 15 cm | Circa 1181 × 1772 pixel | 3:2 |
| 13 × 18 cm | Circa 1535 × 2126 pixel | Variabile |
| 20 × 30 cm | Circa 2362 × 3543 pixel | 3:2 |
| 30 × 40 cm | Circa 3543 × 4724 pixel | 3:4 |
| 50 × 70 cm | Circa 5906 × 8268 pixel | Variabile |
Questi valori sono indicativi e presuppongono una stampa a 300 ppi. Per grandi formati osservati a distanza, anche 150-200 ppi possono essere sufficienti. Una stampa 50 × 70 cm appesa a una parete non viene osservata alla stessa distanza di una fotografia 10 × 15 cm tenuta in mano.
Il formato 10 × 15 cm corrisponde al rapporto 3:2 tipico di molte fotocamere, mentre numerosi smartphone producono immagini più vicine a 4:3. Se il rapporto non coincide, il laboratorio dovrà ritagliare una parte dell’immagine oppure lasciare bordi. Io controllo sempre l’anteprima e sposto il ritaglio prima di confermare l’ordine.
Il flusso pratico per preparare una fotografia
Quando preparo un’immagine per un sito o per una stampa, separo chiaramente i due percorsi. Questo evita di usare una copia troppo compressa per la carta o, al contrario, un file enorme per una pagina che deve aprirsi rapidamente.
- Parto dal file originale e applico correzioni, ritaglio e nitidezza.
- Definisco l’uso finale, ad esempio copertina, galleria, social, stampa fotografica o poster.
- Imposto il rapporto d’aspetto e controllo che il soggetto principale non finisca nell’area di taglio.
- Per il web ridimensiono in pixel, converto in sRGB ed esporto in WebP, AVIF o JPEG.
- Per la stampa verifico dimensioni reali, risoluzione richiesta dal laboratorio e profilo colore.
- Controllo il file finale su uno schermo e, per lavori importanti, faccio una copia di prova.
La nitidezza va applicata dopo il ridimensionamento. Una foto nitida per il file originale può sembrare morbida una volta ridotta a 1600 pixel, mentre una maschera troppo intensa crea bordi artificiali e aloni. Per la stampa uso una nitidezza diversa, calibrata sulla carta e sulla dimensione finale.
Non mi affiderei soltanto al peso indicato dal programma. Un file da 250 KB può essere perfetto oppure pieno di artefatti, mentre uno da 600 KB può essere ragionevole per una fotografia hero. La decisione corretta nasce dal confronto visivo e dal tempo di caricamento reale, non da una soglia rigida applicata a ogni immagine.
Gli errori che compromettono qualità e prestazioni
- Caricare il RAW o il TIFF direttamente sul sito, con tempi lunghi e nessun vantaggio visibile.
- Ridimensionare una foto già compressa più volte, perdendo dettaglio a ogni esportazione.
- Usare PNG per tutte le fotografie, creando file molto più pesanti del necessario.
- Confondere i dpi con i pixel e pensare che cambiare il valore dpi aumenti automaticamente il dettaglio.
- Ignorare il rapporto d’aspetto, lasciando che il laboratorio tagli volti o elementi importanti.
- Esportare in Adobe RGB senza verificare come il browser gestirà il profilo.
- Applicare la stessa nitidezza a immagini destinate allo schermo e alla carta.
Il caso più comune che vedo nei portfolio è una galleria piena di immagini da 5000 o 6000 pixel, visualizzate però in riquadri da 800 pixel. Ridurre le copie e usare il caricamento progressivo può migliorare molto l’esperienza, soprattutto con connessioni mobili. La qualità percepita resta alta, mentre il sito smette di comportarsi come un archivio fotografico non ottimizzato.
Una regola semplice per decidere senza perdere tempo
Per il sito partirei da WebP in sRGB, con dimensioni adeguate al layout e una compressione verificata a occhio. Terrei JPEG come alternativa universale, PNG per trasparenze e grafiche, AVIF quando le prestazioni sono prioritarie e il flusso tecnico è già affidabile.
Per la stampa conserverei invece un originale ad alta risoluzione e preparerei una copia specifica per il formato scelto. Il passaggio decisivo non è trovare il file “migliore” in assoluto, ma scegliere quello corretto per il modo in cui l’immagine verrà vista, dal display di uno smartphone alla carta fotografica osservata da vicino.
