Cosa sapere
- Apri un'immagine in Photoshop. Seleziona Immagine > Dimensione immagine. Immettere una nuova larghezza, quindi selezionare Pixels > OK.
- Scegli File > Salva per Web e dispositivi. Scegli la scheda 2-Up per vedere le immagini originali e ottimizzate fianco a fianco.
- Cambia il valore Qualità e visualizza i risultati. Se necessario, apportare modifiche alle dimensioni o al tipo di file. Seleziona Salva e dai un nome alla nuova immagine.
Questo articolo spiega come utilizzare lo strumento Salva per Web di Photoshop per ottimizzare le immagini da utilizzare sul Web. Queste informazioni si applicano a Photoshop 20.0.10 e versioni successive. I comandi e le opzioni di menu possono differire tra le versioni.
Come salvare per il Web in Photoshop
Graphic designer, web designer e altri che creano contenuti per il Web creano anche immagini pronte per il Web come foto per siti Web e banner pubblicitari. Prima di caricare queste immagini, ottimizzano le immagini da scaricare e visualizzare rapidamente in un browser web.
Ecco come utilizzare lo strumento Salva per Web in Photoshop per ottenere il giusto equilibrio tra qualità dell'immagine e dimensione del file per le tue immagini.
- Apri l'immagine che desideri salvare in Photoshop.
-
Seleziona Immagine > Dimensione immagine. Oppure, per PC, premi Alt+Ctrl+I, per macOS, premi Comando+Opzione+I sulla tastiera.
Image -
Nel campo Width, inserisci una nuova larghezza, seleziona Pixels, quindi seleziona OK.
Ridimensiona la foto a una dimensione piccola che può essere utilizzata su un sito web.
Image -
Seleziona File > Esporta > Salva per Web (legacy). Oppure, usa la scorciatoia da tastiera: Alt/Opzione+Comando+Maiusc+S.
In altre versioni di Photoshop, il percorso è File > Esporta > Salva per Web. L'elemento può essere chiamato Salva per Web o Salva per Web e dispositivi.
Image -
Nella finestra Salva per Web, vai a Original, Ottimizzato,2-Up, e 4-Up tab. Queste schede alternano tra una visualizzazione della foto originale, la foto ottimizzata con le impostazioni Salva per Web applicate o un confronto di due o quattro versioni della foto.
Scegli 2-Up per confrontare la foto originale con la foto ottimizzata. Questo mostra le copie affiancate dell'immagine.
Image -
Cambia il valore di Qualità. Quando si riduce la qualità, l'immagine appare più confusa e la dimensione del file diminuisce. File più piccoli significano un caricamento più rapido delle pagine web.
Trova una via di mezzo tra la dimensione e la qualità del file. Una qualità tra 40 e 60 è una buona gamma. Usa i livelli di qualità preimpostati (ad esempio JPEG Medio) per risparmiare tempo.
Image -
Cambia il tipo di file, se necessario, in JPEG, GIF, PNG-8, PNG-24 o WBMP.
Image -
Modifica la dimensione dell'immagine, se necessario. Immettere una larghezza o un' altezza o ridimensionarla di una percentuale.
Fai clic sull'icona catena per modificare la proporzione dell'immagine. Altrimenti, inserisci una larghezza o un' altezza diversa per modificare l' altro valore in proporzione.
Image -
I valori sotto l'anteprima dell'immagine mostrano il tipo di file, la dimensione e quanto tempo impiegherà l'immagine per aprirsi su un sito web. Questi numeri si aggiornano quando apporti modifiche.
Image -
Quando sei soddisfatto della foto, seleziona Salva.
Image -
Digita un nome per la foto, quindi fai clic su Salva.
Image
Cosa rende una grafica pronta per il Web?
La maggior parte delle grafiche pronte per il Web condividono caratteristiche comuni:
- La risoluzione è di 72 dpi.
- La modalità colore è RGB.
-
Le dimensioni dei file vengono ridotte per un caricamento più rapido delle pagine Web.
