Come designer grafico o web designer, ti potrebbe essere chiesto di fornire immagini pronte per il web, come le foto per un sito web o un banner pubblicitario. Lo strumento Photoshop Save per Web è un modo semplice per preparare i file JPEG per il Web, aiutando con il compromesso tra la dimensione del file e la qualità dell'immagine.
Per questo tutorial, stai salvando le immagini JPEG. Lo strumento Salva per Web è anche creato per salvare file GIF, PNG e BMP.
Che cosa rende un Web pronto per la grafica?
La maggior parte della grafica web-ready condivide caratteristiche comuni:
- La risoluzione è 72 dpi.
- La modalità colore è RGB.
- I file sono di dimensioni ridotte per le pagine Web a caricamento più veloce.
Apri un'immagine
Per esercitarsi con lo strumento Salva per Web, apri un'immagine in Photoshop.
Clic File> Aperto, cerca l'immagine sul tuo computer e fai clic Aperto. Per scopi pratici, una foto funziona bene, anche se qualsiasi tipo di immagine farà.
Ridimensiona la foto a una dimensione piccola che potresti utilizzare su un sito web. Per fare ciò, fare clic Immagine> Dimensione dell'immagine, inserisci una nuova larghezza nel campo Larghezza e selezionapixel. In questo caso, inserire 400 pixel e fare clic ok.
Apri lo strumento Salva per Web
Supponiamo che qualcuno ti abbia chiesto di consegnare una foto a 400 pixel di larghezza, pronta per essere pubblicata su un sito web.
Clic File > Salva per Web per aprire il Salva per Web la finestra di dialogo. (Nelle versioni successive di Photoshop, il percorso è File > Esportare > Salva per Web.)
Sfoglia le diverse impostazioni e strumenti nella finestra.
03 di 07Impostare il confronto
Nella parte superiore del Salva per Web finestra sono una serie di schede etichettate Originale, ottimizzata, 2-up, e 4-up. Facendo clic su queste schede, puoi alternare tra una visualizzazione della foto originale, una foto ottimizzata con le impostazioni di Salva per Web applicate ad essa o un confronto tra due o quattro versioni della foto.
Scegliere 2-up per confrontare la foto originale con quella ottimizzata visualizzando le copie affiancate dell'immagine.
04 di 07Imposta l'anteprima originale
Clicca sulla foto sul lato sinistro per selezionarlo. Scegliere Originale dal Preset menu sul lato destro del Salva per Web finestra (se non è già selezionata). Questo mette un'anteprima della foto originale, non modificata sul lato sinistro.
05 di 07Imposta l'anteprima ottimizzata
Clicca sulla foto sul lato destro per selezionarlo. Scegliere JPEG Alto dal Preset menu. Ora puoi confrontare la foto ottimizzata a destra, che sarà il tuo file finale, con l'originale a sinistra.
06 di 07Modifica la qualità JPEG
L'impostazione più importante nella colonna di destra è il Qualità valore. Man mano che si abbassa la qualità, l'immagine appare più fangosa, ma le dimensioni del file diminuiscono e file più piccoli significano pagine Web che caricano più rapidamente.
Prova a cambiare la qualità in 0 e notare la differenza tra le foto a sinistra e a destra, nonché le dimensioni del file più piccole, che si trova sotto la foto.
L'obiettivo è trovare un mezzo felice tra dimensione del file e qualità. Una qualità tra 40 e 60 di solito è una buona gamma, a seconda delle esigenze. Prova a utilizzare i livelli di qualità preimpostati (JPEG medio, ad esempio) per risparmiare tempo.
07 di 07Salva la tua immagine
Una volta che sei soddisfatto della foto sulla destra, fai clic su Salvare pulsante. Il Salva ottimizzato come la finestra si apre. Digitare un nome file, selezionare la cartella desiderata sul computer e fare clic Salvare. Ora hai una foto ottimizzata e pronta per il web.
