Com a dissenyador gràfic o dissenyador web, pot ser que se't demani que lliuri imatges a la web, com ara fotos per a un lloc web o un anunci de bàner. L'eina de Photoshop Save for Web és una forma fàcil de preparar els vostres fitxers JPEG per a la web, ajudant-vos amb la compensació entre la mida del fitxer i la qualitat de la imatge.
Per a aquest tutorial, s'estalvien imatges de JPEG. L'eina Desa per a la web també està creada per guardar fitxers GIF, PNG i BMP.
Què fa que un gràfic estigui preparat per la web?
La majoria de gràfics a la web comparteixen característiques comunes:
- La resolució és de 72 dpi.
- El mode de color és RGB.
- Els fitxers es redueixen en grandària per a pàgines web de càrrega més ràpida.
Obriu una imatge
Per practicar amb l'eina Desa per a la web, obriu una imatge en Photoshop.
Feu clic Dossier> Obert, busqueu la imatge a l'ordinador i feu clic a Obert. Per a finalitats pràctiques, una fotografia funciona bé, tot i que qualsevol tipus d'imatge es 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 de la imatge, introduïu un ample nou al camp Ample i seleccioneuPíxels. En aquest cas, introduïu 400 píxels i feu clic a D'acord.
Obriu l'opció Desa per a l'eina web
Suposem que algú li va demanar que lliuri una foto a 400 píxels d'amplada, llest per ser publicada en un lloc web.
Feu clic Dossier > Desa per a la web per obrir el Desa per a la web Caixa de diàleg. (En versions posteriors de Photoshop, la ruta és Dossier > Exportació > Desa per a la web.)
Navegueu per les diferents configuracions i eines a la finestra.
03 de 07Configurar la comparació
A la part superior de la Desa per a la web finestra són una sèrie de pestanyes etiquetades Original, Optimitzat, 2-Up, i 4-Up. Si feu clic a aquestes pestanyes, podeu canviar entre una vista de la vostra foto original, la vostra fotografia optimitzada amb la configuració Desa per a la configuració web aplicada o una comparació de dues o quatre versions de la vostra foto.
Trieu 2-Up per comparar la foto original amb l'optimitzada mostrant còpies simultànies de la imatge.
04 de 07Estableix la vista prèvia original
Feu clic a la foto de l'esquerra per seleccionar-la. Trieu Original des del Preseleccionat menú al costat dret del Desa per a la web finestra (si encara no està seleccionat). Això posa una vista prèvia de la foto original i no publicada al costat esquerre.
05 de 07Estableix la vista prèvia optimitzada
Feu clic a la foto del costat dret per seleccionar-la. Trieu Alt JPEG des del Preseleccionat menú. Ara podeu comparar la foto optimitzada a la dreta, que serà el fitxer final, amb l'original a l'esquerra.
06 de 07Editeu la qualitat JPEG
El paràmetre més important a la columna dreta és el Qualitat valor A mesura que disminueixi la qualitat, la imatge es veu més barata, però la mida del fitxer es redueix, i els fitxers més petits signifiquen pàgines web de més ràpid càrrega.
Intenta 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 la foto.
L'objectiu é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 predeterminats (JPEG mitjà, per exemple) per estalviar temps.
07 de 07Deseu la vostra imatge
Una vegada que estigui satisfet amb la foto de la dreta, feu clic a la icona Desa botó El Desa l'optimitzat com a s'obre la finestra. 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.
