Come utilizzare lo strumento Salva per Web di Photoshop

I grafici, i 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, le immagini vengono ottimizzate per essere scaricate e visualizzate rapidamente in un browser web.

Lo strumento Salva per Web in Photoshop è un modo semplice per prepararsi File JPEG per il web. Questo strumento salva anche file GIF, PNG e BMP. Ecco come utilizzare lo strumento Salva per Web per ottenere il giusto equilibrio tra qualità dell'immagine e dimensione del file per le tue immagini.

Le istruzioni in questo articolo si applicano a Photoshop 5.5 e versioni successive. I comandi e le opzioni di menu possono variare a seconda delle versioni.

Cosa rende una grafica pronta per il web?

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 pagine Web a caricamento più rapido.

Come salvare per il Web in Photoshop

Salva per il Web non è uno strumento come il Tendone, Sposta o Lazo magnetico. È un modo per esportare un file raw in un formato che altre persone possono usare facilmente. Ecco come usarlo per ottimizzare le immagini.

  1. Apri l'immagine che desideri salvare in Photoshop.

  2. Selezionare Immagine Dimensione dell'immagine. Oppure, premere Alt/Opzione+Comando+I sulla tastiera.

    Un'immagine aperta in Photoshop con l'opzione di menu Dimensione immagine evidenziata
  3. Nel Larghezza campo, inserisci una nuova larghezza, seleziona Pixel, quindi seleziona ok.

    Ridimensiona la foto a una dimensione ridotta che può essere utilizzata su un sito web.

    La finestra di dialogo Dimensione immagine in Photoshop con la finestra della larghezza e il pulsante OK evidenziati
  4. Selezionare File > Risparmia per Web e dispositivi. Oppure usa la scorciatoia da tastiera: Alt/Opzione+Comando+Maiusc+S.

    In altre versioni di Photoshop, il percorso è File > Esportare > Salva per Web. L'elemento può essere chiamato Salva per Web o Salva per Web e dispositivi.

    Un'immagine aperta in Photoshop con la voce di menu Salva per Web e dispositivi evidenziata
  5. Nel Salva per Web finestra, vai alla Originale, Ottimizzato, 2-Up, e 4-Up schede. Queste schede consentono di passare dalla visualizzazione della foto originale, alla foto ottimizzata con le impostazioni Salva per Web applicate o al confronto di due o quattro versioni della foto.

    Scegliere 2-Up per confrontare la foto originale con la foto ottimizzata. Mostra le copie affiancate dell'immagine.

    La finestra Salva per Web e dispositivi in ​​Photoshop con l'opzione 2Up evidenziata
  6. Cambiare il Qualità valore. Quando abbassi la qualità, l'immagine appare più confusa e la dimensione del file diminuisce. File più piccoli significano pagine Web più veloci.

    Trova una via di mezzo tra la dimensione del file e la qualità. Una qualità tra 40 e 60 è una buona gamma. Utilizza i livelli di qualità preimpostati (JPEG Medio, ad esempio) per risparmiare tempo.

    Finestra Salva per Web e dispositivi in ​​Photoshop con il cursore della qualità e i predefiniti evidenziati
  7. Modifica il tipo di file, se necessario, in JPEG, GIF, PNG-8, PNG-24 o WBMP.

    Menu del tipo di immagine nella finestra Salva per Web di Photoshop
  8. Modificare le dimensioni dell'immagine, se necessario. Inserisci una larghezza o un'altezza oppure ridimensionala di una percentuale.

    Clicca il serratura icona per modificare le proporzioni dell'immagine. Altrimenti, inserisci una larghezza o un'altezza diversa per modificare l'altro valore in proporzione.

    Finestra Salva per Web e dispositivi in ​​Photoshop con le aree Dimensione immagine e Percentuale evidenziate
  9. I valori sotto l'anteprima dell'immagine mostrano il tipo di file, la dimensione e il tempo necessario per aprire l'immagine su un sito web. Questi numeri si aggiornano man mano che apporti modifiche.

    Finestra Salva per Web e dispositivi di Photoshop con le dimensioni dell'immagine e la lettura del tipo evidenziate
  10. Quando sei soddisfatto della foto, seleziona Salva.

    Finestra Salva per Web e dispositivi in ​​Photoshop con il pulsante Salva evidenziato
  11. Digita un nome per la foto, quindi fai clic su Salva.

    Finestra di dialogo Salva con nome in Photoshop con il pulsante Salva evidenziato