Lezione 73 – Preparare una fotografia per il web

Una fotografia può essere bellissima sul monitor del fotografo e perdere gran parte del suo fascino quando viene pubblicata online. Può apparire troppo scura, poco definita, eccessivamente satura oppure completamente diversa da come la vedevamo nel programma di post-produzione.

Questo accade perché una fotografia destinata al web non è semplicemente una fotografia salvata in un formato qualsiasi. Prima di essere pubblicata deve essere preparata, adattata al dispositivo sul quale verrà visualizzata e compressa in modo intelligente, così da mantenere un buon equilibrio tra qualità e peso del file.

Preparare una fotografia per il web significa quindi affrontare una fase precisa del flusso di lavoro. Non è l’ultimo gesto automatico prima di caricare un’immagine online, ma una vera scelta tecnica e, in parte, editoriale. Il modo in cui una fotografia viene ridimensionata, convertita, compressa e resa nitida può influenzare direttamente la percezione del nostro lavoro.

Una buona fotografia, infatti, non deve soltanto essere bella. Deve anche arrivare correttamente a chi la osserva.

Dal file originale all’immagine pubblicata

Il file RAW rappresenta il punto di partenza del nostro lavoro. Contiene una grande quantità di informazioni, permette ampi margini di intervento e conserva una qualità molto superiore rispetto a quella normalmente necessaria per una pubblicazione online.

Il web, però, non ha bisogno di tutto ciò che contiene il file originale.

Una fotografia scattata con una fotocamera moderna può avere dimensioni di diverse migliaia di pixel per lato e pesare decine di megabyte. Caricarla direttamente online sarebbe spesso inutile: il browser dovrebbe scaricare una quantità di dati molto più grande del necessario, rallentando la visualizzazione e consumando più traffico.

Per questo motivo è necessario creare una copia destinata al web, lasciando intatto il file originale.

Questa distinzione è fondamentale. Il file RAW, il TIFF di lavorazione o il JPEG ad alta qualità devono essere conservati come archivio principale. La versione destinata al sito, ai social o a una galleria online è invece un derivato, preparato appositamente per uno scopo preciso.

Non bisogna mai ridimensionare o sovrascrivere l’unica copia della fotografia. Il web richiede spesso file più piccoli, mentre in futuro potremmo avere bisogno di una versione ad alta risoluzione per una stampa, una pubblicazione o un nuovo progetto.

Le dimensioni contano

Uno degli errori più comuni consiste nel caricare fotografie molto più grandi di quanto sia necessario.

Se una fotografia deve essere visualizzata all’interno di una pagina web larga 1200 pixel, non ha molto senso caricarla a 6000 pixel. Il browser potrebbe ridurla automaticamente, ma il file continuerebbe a essere pesante e il caricamento più lento.

Il ridimensionamento consiste nel diminuire il numero di pixel dell’immagine. Non significa semplicemente ridurre il peso del file, ma modificare le sue dimensioni effettive.

Prima di esportare una fotografia, è quindi utile capire dove verrà pubblicata e quale sarà la sua dimensione reale.

Un’immagine destinata a un articolo del blog potrebbe avere una larghezza di 1600 o 2000 pixel, mentre una fotografia utilizzata come immagine di copertina potrebbe richiedere dimensioni differenti. Una galleria fotografica, invece, potrebbe utilizzare immagini più grandi, soprattutto se permette all’utente di aprirle a schermo intero.

Non esiste una dimensione valida per ogni situazione. Esiste quella più adatta alla piattaforma, al layout e al modo in cui l’immagine verrà osservata.

Non confondere pixel e risoluzione

Quando si prepara una fotografia per il web, spesso si incontra il parametro della risoluzione, espresso generalmente in DPI o PPI.

Per la visualizzazione online, però, il valore più importante è il numero di pixel. Una fotografia larga 2000 pixel rimane larga 2000 pixel indipendentemente dal fatto che nel file sia indicata una risoluzione di 72, 96 o 300 PPI.

Il valore della risoluzione è particolarmente importante per la stampa, dove determina il rapporto tra dimensioni del file e dimensioni fisiche su carta. Sul web, invece, sono soprattutto le dimensioni in pixel a stabilire quanto spazio occuperà l’immagine sullo schermo.

Cambiare soltanto il valore dei DPI senza modificare il numero di pixel non rende una fotografia più leggera e non migliora la qualità della visualizzazione online.

Per questo motivo, quando esportiamo un’immagine per il web, dobbiamo concentrarci prima di tutto sulla sua larghezza e sulla sua altezza in pixel.

Il formato JPEG

Per molti anni il JPEG è stato il formato più utilizzato per pubblicare fotografie online. È ancora oggi una scelta valida in numerose situazioni, soprattutto quando si devono esportare immagini fotografiche ricche di colori e sfumature.

Il JPEG utilizza una compressione con perdita. Questo significa che, durante il salvataggio, alcune informazioni vengono eliminate per ridurre il peso del file. La perdita può essere minima e praticamente invisibile, oppure diventare evidente quando il livello di compressione è troppo elevato.

Un JPEG salvato con qualità alta può mantenere un aspetto molto vicino all’originale, con un peso comunque decisamente inferiore rispetto a un TIFF o a un file non compresso. Un JPEG salvato con qualità bassa, invece, può presentare blocchi, dettagli impastati, aloni e artefatti lungo i bordi.

La qualità non deve quindi essere impostata automaticamente al massimo in ogni situazione. Un valore elevato è spesso una buona base, ma bisogna sempre controllare il risultato e valutare il rapporto tra qualità visiva e dimensione del file.

JPEG, PNG e WebP

Il JPEG non è l’unico formato disponibile.

Il PNG utilizza una compressione senza perdita ed è particolarmente utile per immagini con trasparenze, grafiche, testi, schermate e illustrazioni. Per una fotografia tradizionale, però, può produrre file più pesanti rispetto a un JPEG di buona qualità.

Il WebP è un formato moderno pensato per il web, capace di offrire una buona qualità con dimensioni spesso inferiori rispetto al JPEG. Può supportare sia la compressione con perdita sia quella senza perdita e, in determinati contesti, rappresenta una soluzione molto efficace per velocizzare i siti.

Esistono anche formati più recenti, come AVIF, che possono offrire ulteriori vantaggi in termini di compressione. Tuttavia, la scelta del formato deve tenere conto del sistema utilizzato per pubblicare le immagini, della compatibilità con i browser e della gestione automatica offerta dal sito.

Per il fotografo che lavora su un blog o su un portfolio, il JPEG rimane spesso una scelta semplice e affidabile. Se la piattaforma supporta correttamente WebP o altri formati moderni, può essere utile sfruttarli per migliorare le prestazioni.

Il profilo colore sRGB

Uno degli aspetti più importanti nella preparazione di una fotografia per il web è la gestione del profilo colore.

Le fotocamere e i software di post-produzione possono lavorare con spazi colore molto ampi, come Adobe RGB o ProPhoto RGB. Questi spazi sono utili durante lo sviluppo e la lavorazione, perché permettono di conservare una gamma più estesa di colori.

Non tutti i browser, monitor e dispositivi, però, gestiscono allo stesso modo i profili colore incorporati. Per una pubblicazione online, la scelta più sicura è generalmente il profilo sRGB, che rappresenta lo standard più diffuso per la visualizzazione sul web.

Se una fotografia viene esportata con un profilo non adatto o senza una corretta conversione, può apparire diversa da come era stata elaborata. I colori possono risultare più spenti, troppo saturi oppure alterati, soprattutto su dispositivi e applicazioni che interpretano male le informazioni cromatiche.

La procedura corretta non consiste semplicemente nell’assegnare sRGB, ma nel convertire l’immagine verso quello spazio colore. Assegnare un profilo significa dire al software come interpretare i numeri già presenti nel file; convertire significa invece trasformare quei numeri affinché i colori vengano mantenuti il più possibile coerenti nel nuovo spazio.

È una differenza tecnica importante, anche se spesso invisibile nei comandi più semplici.

Perché una fotografia cambia colore online?

Quando una fotografia appare diversa online, le cause possono essere diverse.

Il profilo colore potrebbe non essere stato convertito correttamente. Il browser o il programma utilizzato per visualizzarla potrebbe non gestire bene il profilo incorporato. Il monitor potrebbe essere calibrato in modo differente rispetto a quello sul quale è stata elaborata. Anche la luminosità del dispositivo può modificare notevolmente la percezione dell’immagine.

Un monitor molto luminoso può indurci a rendere le fotografie troppo scure. Quando poi vengono visualizzate su uno schermo meno luminoso, possono apparire sottoesposte. Al contrario, lavorare su un monitor impostato con una luminosità troppo bassa può portare a schiarire eccessivamente le ombre.

Per questo motivo, la preparazione per il web non può essere separata dalla qualità del monitor e dall’ambiente nel quale lavoriamo.

È consigliabile evitare di elaborare fotografie in una stanza completamente buia con il monitor al massimo della luminosità. Una luce ambientale controllata e una luminosità dello schermo equilibrata aiutano a prendere decisioni più affidabili.

La nitidezza dopo il ridimensionamento

Il ridimensionamento modifica la percezione della nitidezza.

Quando una fotografia viene ridotta da 6000 a 2000 pixel, molti dettagli vengono ricampionati e riuniti. L’immagine può apparire più morbida rispetto al file originale, anche se la fotografia era perfettamente nitida.

Per questo motivo, spesso è utile applicare una leggera nitidezza dopo il ridimensionamento, nella fase di esportazione.

Questa nitidezza deve essere più controllata rispetto a quella utilizzata durante lo sviluppo del RAW. Se l’immagine è già stata resa molto incisiva in precedenza, un ulteriore intervento eccessivo può produrre bordi troppo duri e aloni.

La nitidezza di output deve essere considerata un passaggio finale, strettamente legato alle dimensioni e alla destinazione dell’immagine. Una fotografia preparata per una galleria web non richiederà necessariamente lo stesso trattamento di una fotografia destinata a una stampa.

Il peso del file

Una fotografia per il web deve essere sufficientemente leggera da caricarsi rapidamente, ma non così compressa da perdere qualità.

Il peso ideale dipende dal tipo di immagine, dalle dimensioni, dalla piattaforma e dal numero di fotografie presenti nella pagina. Una singola immagine di copertina può avere esigenze diverse rispetto a una galleria contenente trenta fotografie.

È importante ricordare che il peso di ogni singola immagine si somma a quello delle altre risorse della pagina. Una galleria con molte fotografie pesanti può diventare lenta anche se ogni immagine, presa singolarmente, sembra accettabile.

La compressione deve quindi essere valutata nel contesto generale. In alcuni casi è preferibile utilizzare immagini leggermente più leggere, soprattutto se vengono mostrate a dimensioni ridotte. In altri, come per un portfolio fotografico, può essere opportuno mantenere un livello qualitativo più alto.

L’obiettivo non è ottenere il file più piccolo possibile, ma il file più efficiente possibile.

Controllare il risultato prima della pubblicazione

Non bisogna mai fidarsi soltanto dell’anteprima del programma di post-produzione. Una fotografia esportata deve essere controllata anche come file finale.

È utile aprirla con un visualizzatore, caricarla in una pagina di prova oppure visualizzarla direttamente nel browser. In questo modo possiamo verificare:

• se i colori sono rimasti coerenti;
• se le ombre sono troppo chiuse;
• se la nitidezza è sufficiente;
• se sono comparsi artefatti di compressione;
• se il file ha dimensioni adeguate;
• se l’immagine mantiene il corretto rapporto tra larghezza e altezza.

Il controllo è ancora più importante quando la fotografia viene pubblicata su una piattaforma che ridimensiona o ricomprime automaticamente le immagini. Alcuni siti applicano infatti ulteriori compressioni, modificano le dimensioni oppure generano versioni diverse per smartphone, tablet e computer.

In questi casi è utile controllare il risultato effettivamente visualizzato dagli utenti, non soltanto il file che abbiamo caricato.

Il rapporto tra qualità e compressione

La compressione JPEG non agisce soltanto sulla nitidezza generale. Può compromettere soprattutto alcune zone dell’immagine.

Le aree uniformi, come un cielo o uno sfondo sfocato, possono mostrare bande e variazioni poco naturali. I dettagli fini, come foglie, capelli, tessuti e superfici ricche di texture, possono diventare impastati. I bordi ad alto contrasto possono presentare piccoli aloni o blocchi.

Le fotografie con molti dettagli e contrasti elevati sono spesso più difficili da comprimere rispetto a immagini semplici. Anche il contenuto dell’immagine, quindi, deve influenzare il livello di qualità scelto.

Una fotografia di paesaggio con una vegetazione molto complessa potrebbe richiedere una qualità maggiore rispetto a un ritratto su uno sfondo uniforme. Non è una regola assoluta, ma un criterio utile per valutare il risultato.

Preparare fotografie per un articolo

Quando inseriamo una fotografia all’interno di un articolo, dobbiamo considerare il ruolo che quell’immagine svolge.

Una fotografia di apertura deve attirare l’attenzione e funzionare bene anche quando viene visualizzata in formato ridotto. Le immagini inserite nel corpo del testo devono invece accompagnare la lettura senza rallentare eccessivamente la pagina.

È preferibile evitare di caricare fotografie enormi per poi mostrarle in una dimensione molto piccola. Conviene creare file già adeguati alla larghezza prevista dal layout.

Anche il ritaglio è importante. Una fotografia orizzontale molto larga può funzionare bene come immagine di copertina, ma potrebbe risultare poco leggibile se utilizzata in uno spazio stretto. In alcuni casi è necessario creare una versione alternativa, con un taglio più verticale o più quadrato.

La stessa fotografia può quindi richiedere esportazioni differenti a seconda del punto nel quale verrà utilizzata.

Preparare fotografie per i social network

Le piattaforme social applicano spesso compressioni automatiche e utilizzano formati diversi in base al dispositivo e al tipo di pubblicazione.

Una fotografia pubblicata come post, una storia, una copertina o un’immagine di anteprima può avere proporzioni differenti. Se carichiamo una fotografia con un rapporto non adatto, il sistema potrebbe ritagliarla automaticamente, eliminando parti importanti della composizione.

Per questo motivo è utile preparare il file in anticipo, scegliendo il rapporto corretto e controllando che il soggetto principale non si trovi troppo vicino ai bordi.

Anche in questo caso non è sufficiente esportare una fotografia alla massima qualità. Bisogna considerare la destinazione, il formato, il ritaglio e il modo in cui l’immagine verrà mostrata.

Una fotografia tecnicamente perfetta ma tagliata male può comunicare molto meno di una versione leggermente più compressa ma correttamente composta.

Il nome del file e i metadati

La preparazione per il web non riguarda soltanto l’aspetto visivo.

Anche il nome del file può essere utile per organizzare il lavoro e migliorare la gestione delle immagini. Un nome descrittivo è più pratico di una sequenza casuale di numeri generata automaticamente dalla fotocamera.

Per esempio, un nome come:

pompei-anfiteatro-tramonto.jpg

è più leggibile e riconoscibile rispetto a:

IMG_4837.jpg

Quando la fotografia viene pubblicata su un sito, è inoltre importante compilare correttamente il testo alternativo, spesso chiamato alt text. Questo testo descrive l’immagine a chi utilizza strumenti di lettura assistita e può aiutare anche i motori di ricerca a comprendere il contenuto della fotografia.

Il testo alternativo non dovrebbe essere un elenco artificiale di parole chiave. Deve descrivere in modo semplice e concreto ciò che si vede nell’immagine, soprattutto quando la fotografia ha un ruolo informativo.

Se l’immagine è puramente decorativa, il suo trattamento può essere diverso. Se invece contiene informazioni essenziali, il testo alternativo diventa parte integrante della pubblicazione.

Conservare sempre il file originale

Uno dei principi più importanti del flusso di lavoro digitale è mantenere separati il file originale e le versioni esportate.

Una fotografia preparata per il web potrebbe essere ridimensionata, convertita in sRGB, compressa e resa più nitida. Tutti questi interventi sono utili per la pubblicazione, ma non dovrebbero modificare il file principale dal quale partire per lavori futuri.

È consigliabile organizzare le esportazioni in cartelle dedicate, magari suddivise per destinazione:

• web;
• social;
• portfolio;
• stampa;
• archivio personale.

In questo modo sarà più semplice capire quale versione utilizzare e sarà possibile ricreare rapidamente un’esportazione diversa quando cambiano le esigenze.

Una fotografia destinata al web oggi potrebbe essere richiesta domani per una stampa o per una pubblicazione editoriale. Se abbiamo conservato soltanto il JPEG ridotto, avremo perso margini di intervento importanti.

Un flusso di lavoro consigliato

Un possibile flusso di lavoro per preparare una fotografia online può essere questo.

Si parte dal file sviluppato e completato nella post-produzione. Prima di esportare, si controllano esposizione, colore, contrasto e nitidezza. Si decide quindi dove verrà pubblicata l’immagine e quali dimensioni saranno realmente necessarie.

Successivamente si crea una copia, si ridimensiona il file e si converte il profilo colore in sRGB. Si sceglie il formato più adatto, generalmente JPEG oppure WebP quando supportato, e si imposta un livello di qualità equilibrato.

Dopo il ridimensionamento si controlla la nitidezza e, se necessario, si applica una regolazione finale moderata. Si assegna un nome descrittivo al file e si verifica il peso complessivo.

Infine si apre l’immagine nel browser o nella piattaforma di destinazione, controllando il risultato reale. Soltanto dopo questa verifica la fotografia è pronta per essere pubblicata.

Un esercizio pratico

Scegli una fotografia che conosci bene e prepara tre versioni destinate al web.

La prima dovrà essere esportata con dimensioni molto grandi e qualità elevata. La seconda dovrà avere dimensioni più contenute e una compressione equilibrata. La terza dovrà essere ulteriormente ottimizzata, con un peso più ridotto.

Confronta i tre file non soltanto sul monitor, ma anche all’interno di una pagina web. Osserva quanto cambia il tempo di caricamento e verifica se le differenze qualitative sono realmente visibili.

Prova poi a utilizzare profili colore differenti e confronta il risultato su più dispositivi, se possibile. Questo esercizio aiuta a comprendere quanto la preparazione per il web sia una fase concreta del lavoro fotografico e non una semplice formalità.

Conclusione

Preparare una fotografia per il web significa trovare il giusto equilibrio tra qualità, dimensioni, peso, colore e destinazione.

Non basta esportare un file JPEG e caricarlo online. È necessario sapere quanto deve essere grande, quale profilo colore utilizzare, quale livello di compressione scegliere e come controllare il risultato finale.

Una fotografia destinata al web deve essere leggera, ma non impoverita; nitida, ma non artificiale; correttamente convertita, ma anche coerente con il modo in cui vogliamo mostrarla.

Il lavoro del fotografo non termina quando viene premuto il pulsante di esportazione. Termina quando l’immagine arriva agli occhi di chi la guarda mantenendo, per quanto possibile, la qualità e l’intenzione con cui è stata realizzata.

Ed è proprio questo il senso della preparazione per il web: fare in modo che la fotografia continui a essere la stessa fotografia, anche dopo essere passata attraverso uno schermo, un browser e una connessione internet.