Què cal saber
- Obre una imatge a Photoshop. Seleccioneu Imatge > Mida de la imatge. Introduïu una amplada nova i, a continuació, seleccioneu píxels > D'acord.
- Tria Fitxer > Desa per a web i dispositius. Trieu la pestanya 2-Up per veure les imatges originals i optimitzades una al costat de l' altra.
- Canvieu el valor de Quality i visualitzeu els resultats. Feu ajustos a la mida o al tipus de fitxer si cal. Seleccioneu Desa i anomeneu la imatge nova.
Aquest article explica com utilitzar l'eina Desa per a la web de Photoshop per optimitzar les imatges per utilitzar-les al web. Aquesta informació s'aplica a Photoshop 20.0.10 i posteriors. Les ordres i les opcions de menú poden diferir entre les versions.
Com desar per al web a Photoshop
Els dissenyadors gràfics, els dissenyadors web i altres que creen contingut per a la web també creen imatges preparades per a la web, com ara fotos per a llocs web i bàners publicitaris. Abans de penjar aquestes imatges, optimitzen les imatges per baixar-les i mostrar-les ràpidament en un navegador web.
A continuació us expliquem com utilitzar l'eina Desa per a la web a Photoshop per obtenir l'equilibri adequat entre la qualitat de la imatge i la mida del fitxer per a les vostres imatges.
- Obre la imatge que vols desar a Photoshop.
-
Seleccioneu Imatge > Mida de la imatge. O, per a PC, premeu Alt+Ctrl+I, per a macOS, premeu Ordre+Opció+I al teclat.
Image -
Al camp Amplada, introduïu una nova amplada, seleccioneu píxels i, a continuació, seleccioneu D'acord.
Canvia la mida de la foto a una mida petita que es pugui utilitzar en un lloc web.
Image -
Seleccioneu Fitxer > Exporta > Desa per al web (heretat). O bé, utilitzeu la drecera de teclat: Alt/Opció+Ordre+Maj+S.
En altres versions de Photoshop, el camí és Fitxer > Exportar > Desa per al web. L'element es pot anomenar Desa per a web o Desa per a web i dispositius.
Image -
A la finestra Desa per al web, aneu a la finestra Original, Optimitzat,2-Amunt i 4-Amunt pestanyes. Aquestes pestanyes canvien entre una visualització de la foto original, la foto optimitzada amb la configuració de Desa per al web aplicada o una comparació de dues o quatre versions de la foto.
Tria 2-Up per comparar la foto original amb la foto optimitzada. Això mostra còpies una al costat de l' altra de la imatge.
Image -
Canvia el valor de Qualitat. A mesura que baixeu la qualitat, la imatge es veu més enfosquida i la mida del fitxer baixa. Els fitxers més petits fan que les pàgines web es carreguin més ràpidament.
Troba un mitjà feliç entre la mida i la qualitat del fitxer. Una qualitat entre 40 i 60 és un bon rang. Utilitzeu els nivells de qualitat preestablerts (JPEG Mitjà, per exemple) per estalviar temps.
Image -
Canvia el tipus de fitxer, si cal, a JPEG, GIF, PNG-8, PNG-24 o WBMP.
Image -
Canvia la mida de la imatge, si cal. Introduïu una amplada o una alçada, o escala-la en un percentatge.
Feu clic a la icona de la cadena per canviar la proporció de la imatge. En cas contrari, introduïu una amplada o una alçada diferents per canviar l' altre valor en proporció.
Image -
Els valors a sota de la previsualització de la imatge mostren el tipus de fitxer, la mida i el temps que trigarà a obrir-se la imatge en un lloc web. Aquests números s'actualitzen a mesura que feu canvis.
Image -
Quan estiguis satisfet amb la foto, selecciona Desa.
Image -
Escriviu un nom per a la foto i feu clic a Desa.
Image
Què fa que un gràfic estigui preparat per a la web?
La majoria dels gràfics preparats per a la web comparteixen característiques comunes:
- La resolució és de 72 ppp.
- El mode de color és RGB.
-
La mida dels fitxers es redueix per a pàgines web de càrrega més ràpida.
