Tutorial di Photoshop: ottimizza le immagini per l'uso sul Web

ottimizzazione dell'immagine web

A seconda dello scopo di le nostre fotografie richiederanno un trattamento o un altro. Non è lo stesso configurare una fotografia che verrà stampata, visualizzata su un proiettore digitale o visualizzata su una pagina web. Ogni mezzo ha carenze, caratteristiche o esigenze diverse. Per questo motivo è necessario prestare particolare attenzione a questo tipo di aspetti, altrimenti potremmo ridurre la qualità delle nostre composizioni indirettamente e senza saperlo.

In questo caso, vedremo nel seguente tutorial le impostazioni che Adobe Photoshop ci offre per salvare le nostre immagini in modo tale che abbiano un trattamento ottimale per essere riprodotte sulle pagine web e su Internet. In questo modo proveremo a trovare l'opzione più economica tenendo conto di aspetti come la qualità (taglio e pixelizzazione) e d'altra parte la dimensione del file, sai già che quando andremo a caricare fotografie o file sul nostro sito web dovrebbero pesare il meno possibile in modo che l'operazione del nostro sito web è molto più agile. È interessante che tu prenda in considerazione queste opzioni di base, sai già che dobbiamo cercare di prenderci cura di tutti i dettagli che sono a portata di mano.

Ottimizzazione delle immagini JPEG

Per iniziare avvieremo la nostra applicazione e importeremo la fotografia con la quale andremo a lavorare, in questo caso un'immagine media e in formato JPEG.

ottimizzazione-1

Per salvare questa fotografia con caratteristiche adatte per lavorare sul web, dovremo andare nel menu File> Salva per Web… (possiamo accedere a questa opzione anche tramite Alt + Shift + Ctrl + S).

ottimizzazione-2

Faremo clic sulla scheda chiamata "quattro copie" nella parte superiore della finestra di dialogo Salva per Web. Osservando le quattro diverse impostazioni nel file, possiamo avere una buona idea di quale impostazione si adatta meglio ai nostri scopi. Utilizzando le visualizzazioni a 4 copie, è possibile visualizzare più versioni di un'immagine nella stessa finestra dell'immagine. Lo faremo, applicheremo diversi formati e vedremo quale di essi si adatta meglio alle nostre affermazioni. È quindi possibile regolare le assegnazioni di ottimizzazione per ciascuna versione dell'immagine per selezionare la migliore combinazione di assegnazioni.

ottimizzazione-3

Utilizzando il menu a discesa Livello di zoom in basso a sinistra della finestra di dialogo, cambieremo l'ingrandimento al 200% o più in modo da poter analizzare bene la nostra fotografia e apprezzare i dettagli dell'immagine.

ottimizzazione-4

Posizioneremo il cursore del mouse sulla versione in alto a destra dell'immagine (che è la versione attiva come indicato dal bordo più scuro). Il cursore assumerà la forma di una mano, il che indica che possiamo trascinarlo per spostare l'immagine. Trascineremo per cambiare la posizione dell'immagine in modo da trovare l'area più adatta dell'immagine, quella in cui troviamo la maggior quantità di sfumature e contrasti.

ottimizzazione-5

Dal menu a discesa Preset nel pannello Ottimizzato, sceglieremo GIF 128 con Dither. Si noti come immediatamente nella versione dell'immagine che abbiamo selezionato (in questo caso l'angolo in alto a destra) siano state apportate modifiche che hanno reso più visibili le aree più scure. Quindi continueremo a vedere le impostazioni JPEG e PNG nei seguenti pannelli.

ottimizzazione-6

Faremo clic sulla versione in basso a sinistra dell'immagine per selezionarla. Sceglieremo la versione Low JPEG nel menu dei preset. L'immagine apparirà piuttosto pixelata e la sua qualità è inaccettabile, soprattutto nell'area di testo è molto evidente. Cercheremo di aumentare la qualità dell'immagine senza ottenere una dimensione del file inaccettabile.

ottimizzazione-7

Sceglieremo di nuovo JPEG High dal menu a discesa delle impostazioni. Ciò migliora notevolmente la qualità dell'immagine, ma provoca anche un aumento significativo delle dimensioni del file.

ottimizzazione-8

Infine, l'opzione migliore sarà la via di mezzo. Sceglieremo di nuovo JPEG Media dal menu a discesa Preset. La qualità dell'immagine è ora accettabile, mentre la dimensione del file è notevolmente inferiore rispetto alla versione JPEG High o alla versione GIF.

ottimizzazione-9

Infine selezioneremo il pannello in basso a destra. Sceglieremo nuovamente PNG-8 128 con tratteggio dal menu a discesa. Sebbene questa opzione fornisca una dimensione del file inferiore rispetto all'immagine originale, la qualità dell'immagine non è buona come la versione JPEG Medium, che avrà anche una dimensione del file inferiore.

ottimizzazione-10

Infine faremo clic sulla versione JPEG, cioè quella che abbiamo in basso a sinistra. Nel pannello ottimizzato (a destra della finestra di dialogo) assicurati che l'opzione Progressivo sia attivata (questo farà sì che l'immagine venga scaricata in più passaggi, ognuno dei quali aumenta la qualità dell'immagine) e fai clic su Ok.

ottimizzazione-11

Infine, nella finestra di dialogo Salva ottimizzato come, useremo il nome originale e faremo clic su Salva. In questo modo salveremo una versione JPEG del file originale nella cartella desiderata. Infine chiuderemo questo progetto senza salvare le modifiche.


Lascia un tuo commento

L'indirizzo email non verrà pubblicato. I campi obbligatori sono contrassegnati con *

*

*

  1. Responsabile dei dati: Miguel Ángel Gatón
  2. Scopo dei dati: controllo SPAM, gestione commenti.
  3. Legittimazione: il tuo consenso
  4. Comunicazione dei dati: I dati non saranno oggetto di comunicazione a terzi se non per obbligo di legge.
  5. Archiviazione dati: database ospitato da Occentus Networks (UE)
  6. Diritti: in qualsiasi momento puoi limitare, recuperare ed eliminare le tue informazioni.