Tutorial Photoshop: Optimitzar imatges per a ús web

optimització-imatges-web

Depenent de la finalitat de les nostres fotografies requeriran un tractament o un altre. No és el mateix configurar una fotografia que tindrà com a destinació una impressió, ser exposada en un projector digital o aparèixer en una pàgina web. Cada mitjà té unes mancances, unes característiques o necessitats diferents. Per això, cal que parem especial atenció a aquest tipus d'aspectes ja que altrament podríem reduir la qualitat de les nostres composicions indirectament i sense saber-ho.

En aquest cas, veurem en el següent tutorial els ajustos que ens ofereix Adobe Photoshop per guardar les nostres imatges de tal manera que tinguin un tractament òptim per a ser reproduïdes en pàgines webs i Internet. D'aquesta manera intentarem trobar l'opció més econòmica tenint en compte aspectes com la qualitat (el quarterat i la pixelació) i d'altra banda la mida de l'arxiu, ja saps que quan anem a pujar fotografies o arxius a la nostra web hauran de pesar el menys possible perquè el funcionament de la nostra web sigui molt més àgil. És interessant que tinguis en compte aquestes opcions bàsiques, ja saps que hem de tractar de tenir cura tots els detalls que estiguin a l'abast de la nostra mà.

Optimització d'imatge JPEG

Per començar iniciarem la nostra aplicació i importarem la fotografia amb la que treballarem, en aquest cas una imatge mitjana i en format JPEG.

optimització-1

Per guardar aquesta fotografia amb unes característiques idònies per a treballar a la web, haurem d'anar-nos a menú Arxiu> Desa per Web ... (també podrem accedir a aquesta opcional través de Alt + Maj + Ctrl + S).

optimització-2

Farem clic a la pestanya anomenada «quatre còpies» de la part superior de la caixa de diàleg Desa per web. Observant els quatre ajustos diferents de l'arxiu, podem tenir una bona idea de què ajust s'adaptarà millor per als nostres fins. Usant les vistes 4 còpies es poden mostrar diverses versions d'una imatge a la mateixa finestra de la imatge. Això farem, aplicarem diferents formats i observarem quin d'ells s'ajusta millor a les nostres pretensions. Després es poden ajustar les assignacions d'optimització per a cada versió de la imatge per seleccionar la millor combinació d'assignacions.

optimització-3

Usant el menú desplegable Nivell de zoom de la part inferior esquerra de la caixa de diàleg, canviarem l'ampliació a el 200% o més per poder analitzar bé la nostra fotografia i apreciar els detalls de la imatge.

optimització-4

Situarem el cursor de l'ratolí sobre la versió superior dreta de la imatge (que és la versió activa com està indicant la vora més fosc). El cursor prendrà la forma d'una mà, el que indica que podrem arrossegar-la per moure la imatge. Arrossegarem per canviar la posició de la imatge de manera que trobem la zona més adequada de la imatge, aquella on trobem major quantitat de matisos i contrastos.

optimització-5

Al menú desplegable Ajust preestablert de el panell Optimitzat, triarem GIF 128 amb tramat. Observa com immediatament en la versió de la imatge que hem seleccionat (en aquest cas la superior de la dreta) s'han produït canvis acenduándose les zones més fosques. A continuació continuarem veient els ajustos en JPEG i PNG en els següents panells.

optimització-6

Farem clic a la versió inferior esquerra de la imatge per selecciona-. Escollirem la versió JPEG Baixa en el menú d'ajustos preestablerts. La imatge ens apareixerà bastant pixelada i la seva qualitat és inacceptable sobretot a la zona de el text es nota moltíssim. Intentarem augmentar la qualitat de la imatge sense obtenir una mida de fitxer inacceptable.

optimització-7

Escollirem JPEG Alta al menú desplegable ajustos novament. Això millora en gran mesura la qualitat de la imatge, però produeix també un augment important en la mida de l'arxiu.

optimització-8

Finalment, l'opció més encertada serà el terme mitjà. Escollirem JPEG Mitjana al menú desplegable d'Ajustos preestablerts novament. La qualitat de la imatge és acceptable ara, mentre que la mida de l'arxiu és bastant més petit que en la versió JPEG Alta o en la versió GIF.

optimització-9

Finalment seleccionarem elpanel inferior dret. Escollirem PNG-8 amb tramat al menú desplegable un cop més. Encara que aquesta opció proporciona una mida de fitxer més petita que la imatge original, la qualitat de la imatge no és tan bona com la de la versió JPEG Mitjana, que tindrà també una mida d'arxiu menor.

optimització-10

Finalment farem clicl sobre la versió JPEG, és a dir, la que tenim a la part inferior esquerra. Al Tauler Optimitzat (a la dreta de la caixa de diàleg) assegura't que l'opció Progressiva estigui activada (això farà que la imatge es descarregui en diverses passades, cadascuna de les quals augmenta la qualitat de la imatge) i fes clic a Ok .

optimització-11

Finalment, en el quadre de diàleg Guardar Optimitzada com, farem servir el nom original i premerem sobre Desa. D'aquesta manera gurdaremos una versió JPEG de l'arxiu original a la carpeta desitjada. Finalment tancarem aquest projecte sense desar canvis.


Deixa el teu comentari

La seva adreça de correu electrònic no es publicarà. Els camps obligatoris estan marcats amb *

*

*

  1. Responsable de les dades: Miguel Ángel Gatón
  2. Finalitat de les dades: Controlar l'SPAM, gestió de comentaris.
  3. Legitimació: El teu consentiment
  4. Comunicació de les dades: No es comunicaran les dades a tercers excepte per obligació legal.
  5. Emmagatzematge de les dades: Base de dades allotjada en Occentus Networks (UE)
  6. Drets: En qualsevol moment pots limitar, recuperar i esborrar la teva informació.