Domanda:
Come devo ottimizzare le foto per un portfolio web?
Kristy
2013-05-01 08:32:30 UTC
view on stackexchange narkive permalink

Potete darmi suggerimenti sul flusso di lavoro nella post-elaborazione? Sono fresco sul web e sto cercando di mettere il mio lavoro migliore là fuori, ma quando appare sul mio sito web, sembra una schifezza. Come faccio a esportare i file in modo che mantengano la stessa qualità che hanno sulla mia fotocamera e in Lightroom? Insegnami la tua strada !!

Sto convertendo le immagini RAW di Canon EOS 6D in JPEG.

Campioni del tuo lavoro aiuterebbero a fornire un feedback più specifico. Potrebbe trattarsi di profili colore, ridimensionamento, impostazioni di compressione, layout o qualsiasi numero di altri fattori. Senza vedere con cosa stai lavorando, è davvero difficile dare consigli affidabili.
Un'immagine di esempio consentirebbe una risposta molto più definitiva. Altrimenti stiamo indovinando la miriade di possibili problemi.
Sei risposte:
AJ Henderson
2013-05-01 09:28:47 UTC
view on stackexchange narkive permalink

Se ha un bell'aspetto in Photoshop e Lightroom, ma ha un brutto aspetto sul Web, il problema più probabile è probabilmente un ridimensionamento improprio che produce artefatti o artefatti di compressione derivanti da una qualità jpeg troppo bassa. Per mantenere la massima qualità possibile, provare a ridurre l'utilizzo di multipli del numero di pixel per l'immagine originale in modo che non sia necessario creare nuovi pixel. Se non puoi farlo, gioca con i diversi scaler. Bicubic di solito è decente.

Un altro possibile problema potrebbe essere che stai usando una qualità jpeg troppo bassa. A seconda dell'immagine, puoi ancora vedere artefatti in jpeg di livello di qualità piuttosto elevato. Normalmente uso almeno un'impostazione di qualità di 90 quando faccio cose del portfolio. La qualità massima potrebbe essere preferibile per alcune immagini.

Potrebbe anche esserci una mancata corrispondenza dello spazio colore poiché Lightroom e Photoshop possono funzionare con profili colore dove, come la maggior parte dei browser, non lo fa, ma se stai utilizzando specificamente profili di colore standard, probabilmente lo sapresti già, quindi è meno probabile.

jrista
2013-12-20 05:47:07 UTC
view on stackexchange narkive permalink

Quando si salva per il Web, la prima cosa da fare è assicurarsi che l'immagine sia contrassegnata con lo spazio colore sRGB. Nonostante abbiano fatto passi da gigante negli ultimi anni, i browser web non hanno ancora un supporto onnipresente e adeguato per la gestione del colore. Molte fotocamere digitali useranno lo spazio colore Adobe RGB (o per impostazione predefinita, o forse lo hai selezionato). Adobe RGB è una gamma più ampia e può potenzialmente preservare dettagli cromatici più precisi, ma non è ancora completamente compatibile con il Web (o, se è per questo, lo schermo del computer di qualità media).

Se carichi una foto sul Web contrassegnata con uno spazio colore diverso da sRGB, verrà spesso visualizzata in modo errato da alcuni browser. Gli spazi Adobe RGB e Pro Photo RGB di solito vengono renderizzati sbiaditi e di colore opaco (le immagini Pro Photo RGB potrebbero persino sembrare praticamente in scala di grigi.) Se questo è ciò che stai vedendo, devi semplicemente taggare le tue immagini con sRGB.

Se le tue foto vengono visualizzate con il colore corretto, ma per il resto sembrano errate, probabilmente le stai salvando con troppa compressione. JPEG (il formato di foto più diffuso e quello che presumo tu stia utilizzando) ha un livello di compressione (o qualità) configurabile. Il livello di compressione che usi dipende davvero da ciò che è nella foto. Per le foto con molti dettagli casuali e senza sfumature, puoi farla franca con un bel po 'di compressione prima che vengano visualizzati artefatti. Tuttavia, se le tue foto hanno dettagli uniformi o, cosa più importante, sfumature, dovrai comprimerle il meno possibile. Le sfumature, che possono essere benigne come un semplice cielo blu, si comprimono TERRIBILMENTE con JPEG. Se hai foto con molto cielo, è meglio usare impostazioni di compressione con una qualità superiore a 90. Se desideri eliminare completamente gli artefatti da tali foto, dovresti semplicemente optare per la qualità 100, a meno che tu non possa semplicemente e semplicemente non puoi permetterti che i tuoi file di immagine siano così grandi.

Dovresti sperimentare diversi livelli di compressione JPEG per ciascuna delle tue foto. Non c'è assolutamente un livello di compressione "taglia unica" quando si tratta di JPEG. Alla fine, avrai un'idea di quali impostazioni di compressione / qualità funzionano per quali tipi di foto e non dovrai più sperimentare.

Jack
2013-05-01 08:57:35 UTC
view on stackexchange narkive permalink

Le tue foto hanno un brutto aspetto, presumibilmente il colore è spento, potrebbe essere un problema del profilo colore. Prova a esportare le tue foto in .jpeg in Photoshop o Lightroom con profilo colore sRGB. Quando esporti in Lightroom, ci sono opzioni se scorri verso il basso sul profilo colore.

Vedi, le foto sono rappresentate in un certo spazio colore (dettato nel profilo colore). L'impostazione predefinita è lo spazio colore Adobe 1998, che contiene la maggior parte dei colori. I browser Web non utilizzano lo spazio colore. Tuttavia, fanno uso dello spazio colore sRGB, motivo per cui dovresti convertirlo in sRGB affinché le tue foto vengano visualizzate come previsto.

Spero che questo aiuti.

Nick, grazie mille! Eri perfetto. Non appena ho aggiornato il profilo colore, le mie foto hanno iniziato a sembrare fantastiche.
@Kristy: Potresti contrassegnarla come risposta corretta se questo risolvesse il tuo problema? Grazie.
@Kristy Fantastico! Sono contento di aver potuto aiutare. Per favore, contrassegnalo come risposta corretta se risolve il tuo problema? Grazie!
Theo
2013-05-02 18:48:23 UTC
view on stackexchange narkive permalink
  1. Rendi l'immagine della dimensione che verrà visualizzata : se un'immagine è inserita in un layout Wordpress di 600 px, ma è larga 3000 px, un processo inaffidabile la ridimensionerà e tu perdere nitidezza Mentre siamo in tema di ridimensionamento, fallo in Photoshop. Immagine> Dimensione immagine. Imposta la dimensione in pixel corretta (non preoccuparti di DPI) e utilizza l'impostazione Bicubic Sharper (migliore per la riduzione)

  2. In Photoshop: File> Salva per Web . Imposta su JPG con qualità minima 60. Assicurati che venga convertito in sRGB (c'è una piccola casella di spunta da qualche parte). Questo convertirà accuratamente il tuo colore in modo che corrisponda strettamente all'originale.

J. Chin
2013-05-02 21:10:17 UTC
view on stackexchange narkive permalink

In Lightroom, potresti provare a utilizzare il modulo Stampa per "stampare su file JPEG". Imposta il DPI su 100 (poiché non importa se visualizzato nel browser) e utilizza le "dimensioni della pagina" come risoluzione PIXEL di cui hai bisogno (diviso per 100). Quindi, ad esempio, se hai bisogno di un'immagine di 1000x800 pixel per il tuo sito web, imposta la dimensione della pagina su 10 x 8 pollici a 100 DPI. Questo crea immagini sRGB di alta qualità che dovrebbero essere visualizzate correttamente sul tuo sito web.

In cosa differisce dalla funzione EXPORT? Beh, è ​​diverso nel senso che non devi ritagliare proporzionalmente la tua immagine (magari tramite una copia virtuale) prima di esportarla. Ad esempio, se vuoi "esportare un'immagine da utilizzare come copertina di Facebook" puoi semplicemente "stamparla" in una delle dimensioni specifiche necessarie e utilizzare il modulo di stampa per riposizionare l'immagine prima di stamparla su un sRGB automatico (web- pronto) immagine. Puoi ancora usare l'esportazione per fare la stessa cosa, ma significherebbe che devi ritagliarlo dopo l'esportazione o ritagliarlo prima dell'esportazione o far ridimensionare / ritagliare il sito di destinazione per te usando i loro metodi su cui non hai alcun controllo.

in che modo è diverso dall'esportazione in jpeg, qualità al 100%, ridimensionamento a xxxx? se c'è una differenza, inserisci esempi.
Sono tentato di votare fino a quando non lo fai. ma mi piace come appare il mio rappresentante.
Ho modificato la risposta per spiegare la differenza tra l'esportazione su disco rigido e la stampa su file.
ma la tua "modifica" nel modulo di stampa non è persa per sempre, mentre se fai una copia virtuale per la copertina FB, imposti il ​​rapporto di ritaglio, riposizionalo e stampalo. potresti anche dover modificare il colore \ contrasto \ luminosità su quella versione per avere un bell'aspetto con il layout. e puoi anche tornare indietro e modificarlo dopo averlo caricato e scoprire che devi spostarlo di 2px a sinistra. Sembra ancora una soluzione alternativa, attorno a un problema che non esiste e hanno progettato un metodo per questo e la tua soluzione alternativa è inferiore al modo in cui è intesa.
Alva
2013-11-28 09:23:56 UTC
view on stackexchange narkive permalink

Ti offre un semplice strumento per l'ottimizzazione delle immagini: Lossless Photo Squeezer, è facile da usare e può rimpicciolire in batch le tue foto. Forse può aiutarti. https://itunes.apple.com/app/id704083918

Se sei un utente Mac, forse puoi provare IMAGEmini . L'ho usato per ottimizzare le mie immagini ed è potente. Mi piace il ridimensionamento personalizzato funzione.Più informazioni, puoi visitare https://itunes.apple.com/app/id771501095

Sei in qualche modo affiliato a queste app? In tal caso, comunica l'affiliazione. Grazie!


Questa domanda e risposta è stata tradotta automaticamente dalla lingua inglese. Il contenuto originale è disponibile su stackexchange, che ringraziamo per la licenza cc by-sa 3.0 con cui è distribuito.
Loading...