01 de 08
Gràfics web preparats
Com a dissenyador gràfic, és possible que sovint se us demani que enviïn imatges preparades per a la web, com ara fotografies per a un lloc web o anuncis de bàner. L'eina de "Desa per a la web" de Photoshop és una manera senzilla i senzilla de preparar els vostres fitxers JPEG per a la web, ajudant-vos amb la compensació entre la mida del fitxer i la qualitat d'imatge.
NOTA: per a aquest tutorial, estem buscant l'estalvi d' imatges JPEG . L'eina Desa per a la web també està creada per guardar fitxers GIF, PNG i BMP.
Què fa un gràfic "Web-ready"?
- La resolució és de 72 dpi
- El mode de color és RGB
- Generalment es redueix la mida del fitxer per a pàgines web de càrrega més ràpida
02 de 08
Obriu una imatge
Per practicar amb l'eina "Desa per a la web", obriu una imatge en Photoshop; feu clic a "Fitxer> Obrir", busqueu la imatge a l'ordinador i feu clic a "Obrir". Per als propòsits d'aquest tutorial, una foto funcionarà bé, tot i que qualsevol tipus d'imatge farà. Canvieu la mida de la foto a una mida petita que podeu utilitzar en un lloc web. Per fer-ho, feu clic a "Imatge> Mida d'imatge", introduïu un ample nou al quadre "Dimensions de píxels" (proveu 400) i feu clic a "Acceptar".
03 de 08
Obriu l'opció Desa per a l'eina web
Suposem que algú li va demanar que lliuri aquesta foto, a 400 píxels d'amplada, llest per ser publicada en un lloc web. Feu clic a "Fitxer> Desa per a web" per obrir el quadre de diàleg Desa per a web. Preneu-vos un moment per explorar les diferents configuracions i eines a la finestra.
04 de 08
Configurar la comparació
A la cantonada superior esquerra de la finestra Guardar per a la web hi ha una sèrie de pestanyes etiquetades com Original, Optimitzat, 2-Pujar i 4-Pujar. Si feu clic a aquestes pestanyes, podeu canviar entre una vista de la vostra foto original, la vostra foto optimitzada (amb la configuració Desa per a la configuració web), o una comparació de 2 o 4 versions de la vostra foto. Trieu "2-Up" per comparar la foto original amb l'optimitzada. Ara veureu còpies simultànies de la vostra foto.
05 de 08
Estableix la vista prèvia original
Feu clic a la foto de l'esquerra per seleccionar-la. Trieu "Original" al menú predefinit situat a la part dreta de la finestra Desa per a la web (si encara no està seleccionat). Això farà una visualització prèvia de la vostra foto original i no editada al costat esquerre.
06 de 08
Estableix la vista prèvia optimitzada
Feu clic a la foto del costat dret per seleccionar-la. Seleccioneu "Alt JPEG" al menú predefinit. Ara podeu comparar la vostra foto optimitzada a la dreta (que eventualment serà el vostre fitxer final) amb el vostre original a l'esquerra.
07 de 08
Editeu la qualitat JPEG
El paràmetre més important de la columna dreta és el valor "Qualitat". A mesura que disminueixi la qualitat, la vostra imatge es veurà "més barata", però la mida del vostre fitxer baixarà, i els fitxers més petits signifiquen una càrrega més ràpida de les pàgines web. Intenteu canviar la qualitat a "0" i observeu la diferència en les fotos a l'esquerra i a la dreta, així com la mida del fitxer més petit, que es troba sota de la vostra foto. Photoshop també us proporciona el temps de càrrega estimat per sota de la mida del fitxer. Podeu canviar la velocitat de connexió per a aquest temps de càrrega fent clic a la fletxa que hi ha a sobre de la vista prèvia de fotos optimitzada. L'objectiu aquí és trobar un mitjà feliç entre la mida i la qualitat del fitxer. Una qualitat entre 40 i 60 sol ser un bon rang, segons les vostres necessitats. Intenta utilitzar els nivells de qualitat predefinits (és a dir, JPEG Medium) per estalviar temps.
08 de 08
Deseu la vostra imatge
Una vegada que estigui satisfet amb la seva foto a la dreta, feu clic al botó "Desa". S'obrirà la finestra "Desa com a optimitzada". Escriviu un nom de fitxer , aneu a la carpeta desitjada a l'ordinador i feu clic a "Desa". Ara teniu una foto optimitzada i preparada per a la web.