L’ottimizzazione
L'ottimizzazione per il web è il processo di compressione delle immagini e impostazione delle opzioni di visualizzazione per un uso ottimale su Internet. Quando carichi immagini su Internet, la dimensione del file diventa importante; vuoi ottenere una dimensione del file abbastanza piccola da consentire un tempo di download ragionevole, ma abbastanza grande da preservare colori e dettagli in modo soddisfacente.Ci sono tre formati di file grafici principali che vengono utilizzati sul web: GIF, JPEG e PNG.
Quando carichi immagini sul web, devi pensare alla dimensione del file. L'obiettivo è una dimensione del file abbastanza piccola da consentire tempi di download ragionevoli ma che preservi colori e dettagli a tua soddisfazione.
Tre formati di file grafici principali vengono utilizzati sul web: GIF, JPEG e PNG. Puoi ottimizzare le immagini in questi formati utilizzando uno dei seguenti metodi:
Per ottimizzare con precisione un'immagine per l'uso in applicazioni di creazione web, come Adobe® Dreamweaver®, puoi utilizzare il comando Salva per web. La finestra di dialogo Salva per web consente di visualizzare l'anteprima dell'immagine in diversi formati di file e con diverse impostazioni di ottimizzazione.Puoi anche impostare le Impostazioni di trasparenza e animazione.
Per esigenze di ottimizzazione di base, usate il comando Salva con nome. A seconda del formato del file, puoi specificare la qualità dell'immagine, la trasparenza o l'alone dello sfondo, 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 visualizzare in anteprima gli effetti delle diverse opzioni di ottimizzazione su una foto che desideri 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 come desiderato. (il menu dei formati di file si trova sotto il menu Predefinito). Questo salva una copia del tuo 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 vengono visualizzate sul lato destro della finestra di dialogo Salva per Web.Oltre a selezionare un formato di file web, puoi scegliere opzioni di compressione e colori, preservare la trasparenza dello sfondo o impostare l'alone dello sfondo e cambiare la dimensione dell'immagine.Puoi utilizzare impostazioni predefinite (scegliendo un formato dal menu Preset), o selezionare opzioni specifiche del formato per perfezionare l'ottimizzazione.
Le finestre dell'immagine mostrano l'immagine originale (a sinistra) e un'anteprima dell'immagine ottimizzata (a destra).Sotto ogni finestra ci sono le informazioni di ottimizzazione: le impostazioni correnti, la dimensione del file ottimizzato e il tempo di download stimato.Mentre apporti modifiche, le informazioni sotto l'immagine ottimizzata cambiano per riflettere le nuove impostazioni.
Una piccola casella degli strumenti si trova nell'angolo in alto a sinistra della finestra di dialogo.Per visualizzare aree diverse di un'immagine, seleziona lo Strumento Mano e trascina per portare quelle aree in vista. Per ingrandire un'immagine, seleziona lo Strumento Zoom e fai clic in una vista; quindi tieni premuto Alt e fai clic di nuovo per ridurre. (In alternativa, puoi utilizzare la casella Zoom nella parte inferiore della finestra di dialogo.) Per creare colori alone, usa lo Strumento Contagocce Colore.
Formati di file ottimizzati per il web
Puoi scegliere tra quattro formati per il web. Usa 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 l'immagine contiene trasparenza. (JPEG non supporta la trasparenza; devi riempirla con un colore alone.) I file PNG‑24 sono spesso molto più grandi dei file JPEG della stessa immagine.
GIF
GIF è il formato da usare per la grafica al tratto, le illustrazioni con ampie aree di colore omogeneo e dettagli nitidi, e il testo.Inoltre, se vuoi esportare un'immagine animata, devi usare GIF.
PNG-8
Il formato PNG-8 è un’alternativa meno nota del GIF. Usalo per gli stessi scopi (tranne l'animazione).
Le immagini in formati GIF e PNG‑8, talvolta chiamate immagini a colori indicizzati, possono visualizzare fino a 256 colori. Per convertire un'immagine in formato a colori indicizzati, Photoshop Elements genera una CLUT. Se un colore nell'immagine originale non appare nella tabella di ricerca dei colori, l'applicazione sceglie il colore più simile nella tabella o simula il colore usando una combinazione di colori disponibili.
I file JPEG e PNG‑24 supportano il colore 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 il mascherino, la visualizzazione dei colori e il metodo che un browser dovrebbe usare 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 diversi browser e su diverse piattaforme per vedere come appariranno sul web.
Applicare un’impostazione di ottimizzazione predefinita
Puoi ottimizzare rapidamente e facilmente un'immagine per il web scegliendo un'impostazione di ottimizzazione predefinita, denominata preimpostazione, dal menu Preimpostazione nell'angolo superiore destro della finestra di dialogo Salva per Web.Le preimpostazioni sono personalizzate per soddisfare le esigenze di ottimizzazione di diversi tipi di immagini.
Il nome di ogni preimpostazione riflette il suo formato di file e Valore tonale di qualità. Ad esempio, scegli JPEG Alto per ottimizzare un'immagine in formato JPEG con alta qualità dell'immagine e bassa compressione. Scegli GIF 32 Con retinatura per ottimizzare un'immagine in formato GIF, ridurre il numero di colori a 32 e applicare la retinatura.
Se cambi le opzioni in una preimpostazione, il menu Preimpostazione visualizza la parola "[Senza nome]". Non è possibile salvare un'impostazione personalizzata; tuttavia, le impostazioni correnti vengono visualizzate nella finestra di dialogo Salva per web la volta successiva.
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.