Come salvare le immagini per il Web in Photoshop

01 - Apri il tuo file sorgente

Per iniziare, devi andare su File / Apri per aprire il tuo file. Può essere in qualsiasi formato: jpg, gif, psd, png o altri. Finché Photoshop può aprirlo, puoi stamparlo per il web.

02 - Salvataggio del file per il Web

Salteremo in avanti per salvare per il Web, partendo dal presupposto che hai apportato le modifiche necessarie. Ovviamente, se hai bisogno di modificare l'immagine, fallo prima e prosegui con questo passo in seguito.

Vai su File / Salva per Web / Dispositivi e fai clic. È circa a metà del menu a discesa.

Questo processo non cambia affatto il tuo file originale. Stai creando un nuovo file. Una volta completato questo tutorial e tornare alla tua immagine originale in Photoshop dovrai salvare il file se hai apportato delle modifiche ad esso. È importante dare un nome alla nuova immagine diversa da quella originale. Spesso semplicemente aggiungendo _web al nome del file funzionerà bene. (esempio: filename_web.jpg)

03 - Regola la vista di confronto su 2-Up

A seconda delle impostazioni, potrebbe essere necessario regolare la vista qui. Quello che vuoi è un confronto destro e sinistro della tua immagine. Il lato sinistro mostrerà l'originale, il diritto mostrerà la qualità dell'immagine con le impostazioni correnti.

Se guardi nella parte superiore della finestra, vedrai le seguenti opzioni: Originale, Ottimizzato, 2-Up, 4-Up. Per la maggior parte degli scopi, 2-Up è ciò che vorrai.

04 - Imposta la dimensione di visualizzazione al 100%

Per assicurarti di vedere al 100%, controlla l'opzione nell'angolo in basso a sinistra dello schermo.

È importante ricordare che se visualizzi la tua immagine più del 100% sembrerà sgranata o addirittura indecifrabile. Funziona sempre con l'immagine al 100%.

05 - Ha scelto le dimensioni del file

Le dimensioni per il web sono quasi sempre in pixel (px). È importante mantenere le proporzioni corrette. Accanto alla casella immagine è una piccola immagine di un collegamento a catena. Quello che fa è ridimensionare la larghezza quando si regola l'altezza. Ad esempio, un'immagine che è 600px per 400px. Se riduci la larghezza a 300 px, il file verrà ridimensionato automaticamente a un'altezza di 200 px. Se è deselezionato, l'immagine sarà distorta.

Hai anche la possibilità di ridimensionare l'immagine in base alle percentuali.

06 - Scegli il tipo di file per l'esportazione

In questa opzione, il tipo di file originale non ha importanza. Puoi scegliere qualsiasi file tu abbia bisogno.

Nota: per iniziare il processo dovrai fare clic sull'immagine a destra. L'immagine deve essere selezionata per essere elaborata.

Il più comune è jpg per il web - è il formato di file più piccolo che significa che si scarica più velocemente per i visitatori del tuo sito. Se hai la trasparenza scegli png-24. Se non sai cosa vuol dire trasparenza devi scegliere jpg.

07 - Scegli la qualità dell'immagine

Ciascuna delle tre opzioni jpg (Alta, Media, Bassa) ha impostazioni di qualità preimpostate, che possono essere regolate manualmente. Se stai visualizzando al 100% puoi decidere quale sia la qualità di cui hai bisogno. Per regolare il livello di zoom, vedere il passaggio 5. L'immagine apparirà come online nella finestra di anteprima.

Se hai scelto qualcosa di diverso da jpg puoi saltare questo passaggio.

08 - Salva il tuo file

Una volta apportate le modifiche necessarie, sei pronto per salvare il file. Fai clic su "Salva" e scegli la cartella e il nome del file che desideri per questa nuova immagine.

Complimenti! Il tuo nuovo file è pronto per essere utilizzato online.