ottimizzazione immagine è un processo importante che coinvolge la selezione del formato corretto , la risoluzione e le impostazioni di qualità di un'immagine . L' obiettivo è quello di visualizzare le immagini nel miglior modo possibile , senza occupare troppo spazio . Questo è particolarmente importante in cui il design Web è interessato, perché inutilmente grandi immagini rallenta il sito web . Come le immagini sono ottimizzate ha molto a che fare con i formati in cui sono salvati . Formati utilizzati per il Web sono JPEG , GIF e PNG . Questi formati ciascuno comprimere le immagini in modo loro e l'influenza specifica modalità di visualizzazione delle immagini . Cose che ti serviranno
Adobe Photoshop
Mostra più istruzioni
1
Aprire Photoshop e fare clic su "File ", quindi scegliere " Apri". Fare clic sull'immagine che si desidera ottimizzare. Se si desidera selezionare più immagini , trascinare il mouse sopra i file fino a selezionare tutte le immagini necessarie , e fare clic su "Apri ".
2
Controlla la tua dimensione dell'immagine. Vai su " Modifica " e fare clic su " Dimensioni immagine ". Un menu pop-up , che vi mostra le dimensioni dell'immagine. Spunta "Stili Scala ", " Mantieni proporzioni " e "ricampiona immagine ". Se si lavora con un'immagine che deve essere ottimizzato per il Web , guardare la dimensione del pixel . Banner, bottoni e immagini su siti web di solito hanno bisogno di essere di una certa dimensione .
3
modificare la larghezza al formato corretto . L'altezza verrà regolata automaticamente in modo proporzionale. Chiudere questo dialogo facendo clic sulla "X " nell'angolo .
4
Utilizzare lo strumento di ritaglio nella barra degli strumenti a sinistra per tagliare via una parte dell'immagine e controllare di nuovo la dimensione dell'immagine . Ripetete questo fino ad ottenere la dimensione corretta . Modificare la larghezza in pixel per l'ultima volta e fare clic su " OK" per salvare le modifiche .
5
regolare il contrasto dell'immagine . Clicca su "Immagine" e selezionare " Regolazioni ". Selezionare " Luminosità /Contrasto ". Un dialogo pop -up e visualizzare le modifiche alla vostra immagine , come si regola la luminosità e il contrasto cursori . Trascinare i cursori fino ad ottenere l'effetto desiderato e fare clic su "OK".
6
andare su "File " e cliccare su " Salva per Web e dispositivi. " Un menu pop-up , dandovi la possibilità di salvare l'immagine in diversi formati. Assicurarsi che l'immagine viene visualizzata nella scheda " ottimizzato " ( in alto a destra dello schermo) , che consente di visualizzare gli effetti del formato di file scelto.
7
Usa il menu " Preset" menu per cambiare i diversi formati -down . Le vostre opzioni saranno GIF 128 , 64 o 32 , " dithering " o "no dithering " ; JPEG ad alta , media e bassa , e " PNG- 8 128 dithering " o " . PNG- 24"
8 < p > Selezionare il formato JPEG se è necessario caricare le foto o altre immagini con una gamma di colori ampia e cambiamenti graduali di colore . Decidere tra alta, media e bassa , a seconda di quanto si vuole comprimere l'immagine . Alto vi darà il dettaglio più colori e l'immagine più grande . Guardate l' immagine per determinare in che modo le modifiche influiscono visualizzazione dell'immagine. La dimensione del file è visualizzato direttamente sotto l'immagine .
9
Fare clic sulla scheda " 4 - Up" ( in alto a sinistra ) , se si desidera confrontare gli effetti di diversi formati di file . Verranno visualizzati quattro copie della vostra immagine , con informazioni per ogni formato di sotto .
10
Selezionare il formato GIF dal menu Predefinito discesa, se si lavora con una line art o qualsiasi altro immagine colore solido . GIF supporta la trasparenza di sfondo, che vi permetterà di inserire il vostro logo su uno sfondo colorato sul web . 128 , 64 e 32 si riferiscono al numero di colori si comprime l'immagine . Se l'immagine contiene solo due colori solidi , non hai bisogno di una gamma di colori più grande di 32 . Selezionare un formato GIF con un " dithering ", se si desidera salvare l'immagine con sfumature di colore , e "No dithering " se l'immagine ha i colori solidi . Spunta "Trasparenza ", se si desidera visualizzare l'immagine con uno sfondo trasparente .
11
Selezionare il formato PNG dal menu Predefinito discesa, se si dispone di immagini a colori solidi o foto in cui si desidera preservare dettagli nitidi . " PNG -8 128 dithering " supporta 256 colori web , mentre " PNG- 24" prevede per milioni di sfumature di colore . Le immagini PNG sono notevolmente più grandi di JPG e GIF . Spuntare "Trasparenza" se si desidera visualizzare l'immagine con uno sfondo trasparente .