L’ottimizzazione
L'ottimizzazione per il web è il processo di compressione delle immagini e di impostazione delle opzioni di visualizzazione per un uso ottimale su Internet. Quando pubblichi immagini su Internet, le dimensioni del file diventano importanti; vuoi ottenere dimensioni sufficientemente ridotte da consentire un ragionevole tempo di download, ma abbastanza grandi da preservare colori e dettagli a tua soddisfazione. Esistono tre principali formati di file grafici utilizzati sul web: GIF, JPEG e PNG.
Quando pubblichi immagini sul web, devi pensare alle dimensioni del file. L'obiettivo è ottenere dimensioni sufficientemente ridotte da consentire tempi di download ragionevoli, preservando al contempo colori e dettagli a tua soddisfazione.
Sul web vengono utilizzati tre principali formati di file grafici: GIF, JPEG e PNG. Puoi ottimizzare le immagini in questi formati utilizzando uno dei seguenti metodi:
Per ottimizzare con precisione un'immagine da utilizzare in applicazioni di creazione web come Adobe® Dreamweaver®, puoi utilizzare il comando Salva per web. La finestra di dialogo Salva per web ti consente di visualizzare in anteprima la tua immagine in diversi formati di file e con diverse Impostazioni di ottimizzazione. Puoi anche impostare trasparenza e animazioni.
Per esigenze di ottimizzazione di base, usate il comando Salva con nome. A seconda del formato di file, puoi specificare la qualità dell'immagine, la trasparenza dello Sfondo o l'Alone, la visualizzazione dei colori e il metodo di download.
Using the Save For Web dialog box
Utilizza la finestra di dialogo Salva per web per mostrare anteprima degli effetti delle diverse opzioni di ottimizzazione su una foto che vuoi condividere sul web. Il processo è semplice: Apri una foto e scegli File > Salva per web. Quindi scegli un formato dal menu dei formati di file (GIF, JPEG, PNG‑8 o PNG‑24) e imposta le opzioni desiderate. (il menu dei formati di file si trova sotto il menu Predefinito). Questo salva una copia del file, senza sovrascrivere l'immagine originale.
A. Finestra degli strumenti B. Colore contagocce C. Impostazioni di ottimizzazione e menu a comparsa con altre opzioni D. Dimensione immagine E. Opzioni di animazione F. Menu del livello di zoom G. Menu di anteprima nel browser H. Immagine originale I. Immagine ottimizzata
Le opzioni di ottimizzazione si trovano nella parte destra nella finestra di dialogo Salva per Web. Oltre a selezionare il formato del file per il Web, potete impostare le opzioni riguardanti compressione e colori, trasparenza e alone di sfondo, nonché cambiare le dimensioni dell’immagine. Potete usare le impostazioni predefinite (scegliendo un formato dal menu Predefinito) o selezionare le opzioni specifiche di un formato per regolare al meglio l’ottimizzazione.
Le finestre dell’immagine mostrano l’immagine originale (a sinistra) e l’anteprima dell’immagine ottimizzata (a destra). Sotto ogni finestra si trovano le informazioni di ottimizzazione: impostazioni correnti, dimensioni del file ottimizzato e tempo di scaricamento previsto. Le informazioni sotto l’immagine ottimizzata cambiano in tempo reale per riflettere le nuove impostazioni specificate.
Nell’angolo in alto a sinistra della finestra di dialogo è presente una piccola finestra degli strumenti. Per visualizzare aree diverse di un’immagine, selezionate lo strumento mano e trascinate fino a visualizzare le aree desiderate. Per ingrandire un'immagine, seleziona lo strumento Zoom e fai clic in una vista; quindi tieni premuto il tasto Opzione e fai di nuovo clic per ridurre lo zoom.In alternativa, potete usare la casella Zoom in fondo alla finestra di dialogo. Per creare colori alone, usate lo strumento colore contagocce.
Formati di file ottimizzati per il web
Puoi scegliere tra quattro formati per il web. Utilizza le seguenti linee guida quando scegli il formato per la tua immagine web:
JPEG
Nella maggior parte dei casi, è il formato migliore per salvare le fotografie.
PNG-24
Simile al JPEG, è un buon formato per le fotografie. Scegli PNG‑24 invece di JPEG solo quando la tua immagine contiene trasparenza. (JPEG non supporta la trasparenza; devi riempirlo con un colore alone.) I file PNG‑24 sono spesso molto più grandi dei file JPEG della stessa immagine.
GIF
GIF è il formato da utilizzare per disegni al tratto, illustrazioni con ampie aree di colore omogeneo e dettagli nitidi, e testo.Inoltre, se vuoi esportare un'immagine animata, devi utilizzare GIF.
PNG-8
Il formato PNG-8 è un’alternativa meno nota del GIF. Utilizzalo per gli stessi scopi (eccetto l'animazione).
Le immagini in formato GIF e PNG‑8, talvolta chiamate immagini a colori indicizzati, possono visualizzare fino a 256 colori. Per convertire un'immagine nel formato a colori indicizzati, Photoshop Elements genera una tavola di consultazione colore. Se un colore nell'immagine originale non appare nella tavola di consultazione colore, l'applicazione sceglie il colore più simile nella tavola oppure simula il colore usando una combinazione di colori disponibili.
I file JPEG e PNG‑24 supportano colori a 24 bit, quindi possono visualizzare fino a 16 milioni di colori. A seconda del formato, puoi specificare la qualità dell'immagine, la trasparenza dello sfondo o la mascheratura, la visualizzazione del colore e il metodo che un browser usa per visualizzare l'immagine durante il download.
L'aspetto di un'immagine sul web dipende anche dai colori visualizzati dalla piattaforma del computer, dal sistema operativo, dal monitor e dal browser. Potresti voler visualizzare un'anteprima delle immagini in browser diversi e su piattaforme diverse per vedere come appariranno sul web.
Applicare un’impostazione di ottimizzazione predefinita
Puoi ottimizzare un'immagine per il web in modo rapido e semplice scegliendo un'impostazione di ottimizzazione predefinita, chiamata preset, dal menu Preset nell'angolo superiore destro della finestra di dialogo Salva per web.I predefiniti sono personalizzati per soddisfare le esigenze di ottimizzazione di diversi tipi di immagini.
Il nome di ogni predefinito riflette il suo formato di file e il livello di qualità. Ad esempio, scegli JPEG High per ottimizzare un'immagine in formato JPEG con qualità dell'immagine elevata e compressione bassa. Scegli GIF 32 Dithered per ottimizzare un'immagine in formato GIF, ridurre il numero di colori a 32 e applicare il dithering.
Se cambi le opzioni in un preset, il menu Preset visualizza la dicitura «[Senza nome]».Non puoi salvare un'impostazione personalizzata; tuttavia, le impostazioni attuali appaiono nella finestra di dialogo Salva per web la prossima volta che la visualizzi.
Modifica e condividi facilmente le immagini con Photoshop Elements
Combina le foto, scambia i colori e cancella tutto con gli strumenti basati sull'intelligenza artificiale.