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.
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à.
Prima di immergerci per ottimizzare le nostre esportazioni, passiamo all'esportazione di base in Lightroom.
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.
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.
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.
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:
Il dimensionamento delle immagini è un altro pannello che controlla la dimensione delle nostre immagini. Puoi scegliere le dimensioni e il DPI delle immagini esportate.
Quando si colpisce l'equilibrio tra dimensione del file e qualità dell'immagine, ecco le cose fondamentali da considerare:
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.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.
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.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.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à.