Come esportare JPG per il Web da Adobe Photoshop Lightroom

Forse la più grande gioia della fotografia è condividere il tuo lavoro con gli altri e mettere in mostra le tue creazioni. Il percorso per ottenere l'immagine online, tuttavia, può essere difficile. In questo tutorial, ti mostrerò come esportare immagini pronte per il web con i migliori risultati.

La danza di compressione

Se le immagini vengono caricate su un sito Web o inviate via email a parenti e amici, è necessaria la compressione. Creare immagini per le capacità limitate del web significa pesare il compromesso tra la qualità dell'immagine e la dimensione del file dell'immagine. Con l'aumentare della qualità dell'immagine, aumenta anche la dimensione del file dell'immagine.

Una parte fondamentale della progettazione per il web è la considerazione dell'esperienza dell'utente (Tuts + ha un corso fantastico su UX, se sei interessato), o dare priorità alla capacità dello spettatore di visualizzare e navigare comodamente nel sito. Il caricamento rapido della pagina, che è in parte determinato dalla dimensione del file della pagina Web, è una parte importante dell'esperienza utente. Le immagini sono ora il 62% del peso del traffico web. Mantenere le immagini piccole nelle dimensioni del file aiuta notevolmente i siti a caricarsi rapidamente.

Come fotografi, stiamo costantemente spingendo contro questa barriera. Vogliamo foto grandi e gloriose. E sebbene desideriamo che le nostre immagini appaiano sul Web, non devi forzare tempi di caricamento lenti su nessuno. L'equilibrio è la chiave.

Quando esportiamo immagini per il web da Adobe Photoshop Lightroom, dobbiamo considerare due aspetti chiave: taglia e qualità.

Esportare in Lightroom

Prima di immergerci per ottimizzare le nostre esportazioni, passiamo all'esportazione di base in Lightroom. 

Scegli un'immagine

Per iniziare un'esportazione, scegli un'immagine o una serie di immagini da esportare. Preferisco scegliere le immagini che voglio esportare dalla striscia di pellicola. Dopo aver selezionato le immagini da esportare, puoi fare clic con il pulsante destro del mouse su Windows o control + clic su Mac per scegliere Esporta> Esporta dal menu contestuale.

Per esportare un'immagine, selezionare Esporta> Esporta dal menu di scelta rapida.

Dopo aver avviato l'esportazione, apparirà una nuova finestra con una varietà di opzioni. Diamo un'occhiata alle impostazioni chiave che sceglierai con ciascuna esportazione.

Esporta posizione

La posizione di esportazione indica dove verranno salvate le immagini finite. Puoi scegliere una cartella dal menu a discesa e selezionare la casella "Inserisci la sottocartella" se desideri che le immagini siano posizionate tutte nella stessa cartella.

Denominazione dei file

Ogni esportazione può anche presentare le proprie impostazioni di rinomina. Se ci si attiene all'opzione predefinita, le immagini avranno lo stesso nome dei file originali, ma salvate come un tipo di immagine standard, proprio come JPEG. Puoi anche selezionare la casella "Rinomina a" e scegliere uno dei tanti modelli di rinomina che Lightroom offre per personalizzare le immagini esportate.

Impostazioni del file

Il pannello delle impostazioni dei file è uno di cui parleremo un po 'più in profondità quando cerchiamo di trovare il giusto equilibrio tra qualità e dimensioni del file. In questa schermata, ecco i miei suggerimenti per ciascuna opzione:

  • Formato immagine: quasi sempre JPEG, in particolare se le immagini sono rilegate per il web
  • Spazio colore: sempre sRGB
  • Qualità: questo cursore ti consente di scegliere la qualità dell'immagine che viene esportata; un numero basso è un file di bassa qualità, di piccole dimensioni; trascinando il cursore verso destra aumenta sia la qualità dell'immagine che la dimensione del file
  • Limita le dimensioni del file a: Possiamo anche controllare l'opzione "limit file size" per mettere un limite alle dimensioni del file dell'immagine salvata

Dimensionamento dell'immagine

Il dimensionamento delle immagini è un altro pannello che controlla la dimensione delle nostre immagini. Puoi scegliere le dimensioni e il DPI delle immagini esportate.

Esportare per il Web

Quando si colpisce l'equilibrio tra dimensione del file e qualità dell'immagine, ecco le cose fondamentali da considerare:

Taglia

La prima parte di un'esportazione efficiente è considerare la dimensione dell'immagine sul web. Le dimensioni di un'immagine sono le dimensioni effettive dei pixel dell'immagine.

Quando le tue immagini escono dalla fotocamera, le loro dimensioni sono enormi. Ad esempio, le immagini da 22 megapixel della Canon 5D Mark III misurano fino a 5760 × 3840 pixel. Tuttavia, lo schermo del mio laptop è di soli 1440 x 900 pixel. Vedi il problema? Il fatto è che le immagini web sono di nuovo più piccole della larghezza dei nostri monitor e la necessità di ridimensionarle è chiara.

Puoi mostrare le dimensioni originali di un'immagine in Lightroom premendo "i" sulla tastiera. Visualizzerà le dimensioni in pixel dell'immagine catturata. Puoi vedere qui che le immagini che escono dalla fotocamera saranno molto più grandi di quanto sia necessario per il web, dove le immagini sono generalmente larghe 1000 pixel o meno.

Per le esercitazioni su Tuts +, le nostre immagini vengono ridimensionate a 600 pixel e hanno una dimensione massima del file di 200 kilobyte. Questo garantisce un carico rapido e, per la maggior parte delle persone, questo fa il lavoro. Se stai leggendo questa pagina sul tuo smartphone, è probabile che sia caricata abbastanza velocemente, anche se avevi una connessione lenta.

Il mio modo preferito per esportare immagini da Lightroom è scegliere l'opzione "Ridimensiona per adattarla -> Lato lungo" nel dialogo di esportazione. Questo ridimensionerà tutte le immagini a 600 pixel sul lato più grande, che sia orientato in orizzontale o verticale. L'altro lato viene calcolato automaticamente. Questa è una grande opzione quando esporto per Tuts +, dove tutte le immagini sono 600 pixel sul lato lungo.

Qualità

In un mondo perfetto, potremmo sempre esportare le immagini alla massima qualità. In realtà, scopriamo che le esportazioni di massima qualità non sono sempre necessarie. Nelle dimensioni web, le differenze di qualità sono spesso difficili da percepire e ciò significa che possiamo ridurre leggermente la qualità e ridurre notevolmente le dimensioni del file.

Nell'estremità superiore della scala della qualità ci sono rendimenti decrescenti. La differenza nella qualità percepita tra un'impostazione di qualità 90 e 100 è difficile da vedere, ma aumenta significativamente le dimensioni del file.

L'immagine sopra mostra il confronto in termini di qualità con le varie impostazioni del cursore. Nell'impostazione della qualità più bassa, puoi sicuramente vedere alcune strisce nel cielo. All'aumentare della qualità, aumenta anche il livello di dettaglio degli acuti e della casa, ma il costo è di un file più grande come mostrato di seguito.
Impostazione della qualità di Lightroom Dimensione file immagine all'esportazione
25 91kb
50 122KB
75 168KB
100 366KB

Considerati i risultati di cui sopra, probabilmente selezionerei l'esportazione di 75 qualità. Rileva il corretto equilibrio di qualità e misura Tuts + limite di 200kb di immagini.

Profili incorporati per il Web

Un passaggio importante per l'esportazione di immagini per il Web consiste nell'includere il profilo colore corretto nelle esportazioni. Daniel Sone ha una bella sceneggiatura su Tuts + su tutti gli spazi colore, ma allo scopo di esportare in Lightroom, assicurati di incorporare il profilo colore sRGB.

Quando esporti per il web, mi assicuro sempre di aver selezionato "sRGB" come spazio colore per i migliori risultati.

Predefiniti per l'esportazione

Anche quando si esporta per il Web, esistono diversi scenari che influiscono sulle impostazioni. Anche se stiamo ottimizzando le dimensioni del file, ci sono occasioni in cui sono richieste immagini di qualità più alta o più alta risoluzione. Ecco perché i preset di esportazione sono incredibilmente utili; puoi costruire diverse opzioni e usarle per le diverse dimensioni di destinazione.

Nella finestra di esportazione, salvare le impostazioni correnti per l'esportazione è molto semplice. Dopo aver scelto tutte le impostazioni di esportazione, premi il pulsante "+" e salva i tuoi preset pronti per il web.

Dopo aver aggiunto le tue regole di ridimensionamento e qualità, non dimenticare di salvare alcuni "Presets di esportazione" premendo Aggiungi. Salverà tutte le tue regole; Ti consiglio di costruirne diversi per i tuoi vari obiettivi web.

The Take Away

In questo tutorial hai appreso alcune best practice e idee per l'esportazione efficiente per il web. La compressione delle immagini per il Web garantisce che gli utenti li caricheranno rapidamente. Con le giuste impostazioni, possiamo ancora mantenere un'alta qualità.