Salva per Web migliore compressione JPEG con Adobe Photoshop

Salva per il web è una caratteristica elegante delle edizioni successive di Adobe Photoshop questo ci consente di scendere a compromessi in modo migliore con dimensioni e qualità per mantenere un aspetto dignitoso JPEG, PNG o GIF. Lo fa riducendo la qualità e eliminando i metadati non necessari. Questo tutorial si concentra in particolare su JPEG e ti aiuterà a capire come Salva per il web funziona in modo tale da ottenere il miglior risultato per le tue esigenze.

1. Salva per le nozioni di base sul Web

Inizia con la tua foto. La cosa bella di Salva per il web è che non stai apportando alcuna modifica al tuo originale, questo verrà salvato come nuovo file; non è necessario averlo ancora nella misura corretta.

Hit File> Salva per Web

Colpire File> Salva per Web (Control-Alt-Shift-S)

Salva per formato e formato Web

Questo è ciò che dovresti vedere. Vedremo due cose: il formato e poi le dimensioni. Qualunque cosa tu cambi, non cambierà il tuo originale quindi non preoccuparti di questo. Ho intenzione di cambiare questo a 1000px solo così possiamo ancora vedere cosa stiamo facendo. Potresti lavorare con dimensioni molto più piccole per il web, e va bene. Se clicchi 2-up in alto, potrai vedere il tuo originale sulla sinistra e quale sarà il tuo più piccolo Salva per il web file, a destra.

2-up ti permette di confrontare il tuo originale con la tua immagine compressa

Puoi già vedere una differenza nel cielo blu e, parlando di colori, se spunti sRGB allora saprai che i tuoi colori vengono visualizzati in modo accurato come saranno visti in rete. 

Noterai che c'è una sezione per Qualità che è impostato su bicubic per impostazione predefinita. Questa è generalmente la scelta migliore in quanto campiona più pixel rispetto agli altri, ma noterai che ci sono tre opzioni per questo: Bicubico, bicubico più nitido e Più liscia bicubica. Secondo Adobe, Bicubico più nitido ti dà risultati migliori quando riduci le dimensioni dell'immagine, ma se non sei sicuro,bicubic andrà bene.

Sotto Anteprima, di nuovo ci sono diverse opzioni e Tenere sotto controllo è il valore predefinito. Questo è fondamentalmente come lo vedi, senza compensazioni o aggiustamenti alla gamma. Puoi sfogliare gli altri per vedere come le persone con altri monitor potrebbero vedere la tua foto e apportare le modifiche di conseguenza.

2. Bilancia la qualità JPEG e la dimensione del file

Avrai notato che accanto a 2-up è 4-up. Questo può davvero aiutarci a confrontare i campioni di qualità

Un confronto tra l'originale e tre copie compresse di vari gradi

Questo mostra l'originale in alto a sinistra (1.83MB), Qualità massima in alto a destra (696.3kb), Alta qualità in basso a sinistra (150.1kb) e Qualità media in basso a destra (101.2kb). avere ottimizzata spuntato ridurrà un po 'anche le dimensioni del file.

Può essere difficile distinguere le differenze a queste dimensioni, quindi ecco una ripartizione di ogni fase principale della qualità:

Salva per confronto di compressione Web in ogni fase principale

Anche da alto puoi iniziare a vedere alcuni problemi di artefatto di compressione minori attorno al bordo del cucchiaio, sebbene non sia troppo male. Per il momento in cui arrivi medio tuttavia, puoi vedere che inizia davvero a perdere la qualità. Vale la pena notare che è possibile scendere in fasi più piccole rispetto alle preimpostazioni modificando il numero a destra di Qualità. Ciò significa che puoi ottenere il più vicino possibile alla dimensione del file richiesta tenendo d'occhio la distorsione dell'immagine.

3. Anteprima in un browser e Salva

Visualizza l'anteprima della tua immagine in un browser web

Una volta che sei felice, puoi colpire Anteprima nell'angolo in basso a sinistra e lo aprirà in un browser web per vedere come appare. Quando hai finito, fai clic Salvare e ti darà la possibilità di rinominare il tuo file, anche mettendo pratici tratti negli spazi anche per te.

Conclusione

Salvare le immagini per il web è un compromesso. Vuoi che la tua immagine si carichi rapidamente, non occupare troppo spazio (questa è una considerazione in particolare per i siti Web di terze parti come Facebook e Twitter che semplicemente non consentono grandi dimensioni) e sembrano ancora grandiosi. Con Salva per il web sei in grado di mettere a punto un'immagine per il web in modo molto più accurato di prima, bilanciando attentamente quel compromesso tra compressione / dimensione e qualità. Fai le cose nel modo giusto e sei un passo avanti al gioco per tutti quelli che ancora lanciano immagini a grandezza naturale nei loro siti web, profili e portafogli e lascia che sia il software a indovinare.

Salva per Web in the Wild