Photoshop tutoriala: Irudiak optimizatu web erabilerarako

web-irudia optimizatzea

Helburuaren arabera gure argazkiek tratamendu bat edo beste beharko dute. Ez da gauza bera inprimatuko den, proiektore digital batean bistaratuko den edo web orri batean agertuko den argazkia konfiguratzea. Euskarri bakoitzak gabezia, ezaugarri edo behar desberdinak ditu. Hori dela eta, beharrezkoa da alderdi mota horiei arreta berezia jartzea, bestela gure konposizioen kalitatea zeharka eta jakin gabe murriztu genezake.

Kasu honetan, ondorengo tutorialean ikusiko ditugu Adobe Photoshop-ek gure irudiak gordetzeko eskaintzen dizkigun ezarpenak, web orrietan eta Interneten erreproduzitzeko tratamendu optimoa izan dezaten. Bide honetatik aukerarik merkeena aurkitzen saiatuko gara kalitatea (ebaketa eta pixelazioa) bezalako alderdiak kontuan hartuta eta bestetik fitxategiaren tamaina, dagoeneko badakizu argazkiak edo fitxategiak gure webgunera igotzerakoan ahalik eta gutxien pisatu behar dutela gure webguneak askoz arinago funtzionatzen du. Interesgarria da oinarrizko aukera hauek kontuan hartzea, dagoeneko badakizue gure esku dauden xehetasun guztiak zaintzen saiatu behar dugula.

JPEG irudiaren optimizazioa

Hasteko, gure aplikazioa hasi eta lan egingo dugun argazkia inportatuko dugu, kasu honetan irudi ertaina eta JPEG formatuan.

optimizazio-1

Sarean lan egiteko ezaugarri egokiak dituen argazki hau gordetzeko, Fitxategiaren menura joan behar dugu> Gorde sarean ... (aukera hau Alt + Maius + Ktrl + S bidez ere sar gaitezke).

optimizazio-2

Webean gordetzeko elkarrizketa-koadroaren goialdean dagoen "lau kopia" izeneko fitxan klik egingo dugu. Fitxategiko lau ezarpen desberdinak ikusita, ideia ona izan dezakegu zein ezarpen egokitzen zaigun gure helburuetara. 4 kopia ikuspegiak erabiliz, irudi baten hainbat bertsio bistara daitezke irudi leiho berean. Hori egingo dugu, formatu desberdinak aplikatuko ditugu eta ikusiko dugu horietako zein egokitzen den gure erreklamazioetara. Ondoren, irudiaren bertsio bakoitzaren optimizazio zereginak doitu ditzakezu zereginen konbinazio onena hautatzeko.

optimizazio-3

Elkarrizketa-koadroaren beheko ezkerraldean dagoen Zoom maila goitibeherako menua erabiliz, handitze hori% 200 edo gehiagora aldatuko dugu, gure argazkia ondo aztertu eta irudiaren xehetasunak balioetsi ahal izateko.

optimizazio-4

Saguaren kurtsorea irudiaren goiko eskuineko bertsioaren gainean jarriko dugu (hau da, bertsio aktiboa ertz ilunenak adierazten duen moduan). Kurtsoreak esku baten forma hartuko du eta horrek irudia mugitzeko arrastatu dezakegula adierazten du. Arrastatu egingo dugu irudiaren posizioa aldatzeko, irudiaren eremurik egokiena aurkitzeko, tonu eta kontraste kopuru handiena aurkitzen duguna.

optimizazio-5

Optimizatutako paneleko Aurrezarpen goitibeherako menuan GIF 128 aukeratuko dugu Dither-ekin. Ohartu nola hautatu dugun irudiaren bertsioan (kasu honetan eskuineko goiko aldean) berehala aldaketak gertatu diren gune ilunenak ikusgarriago bihurtuz. Ondoren, JPEG eta PNG ezarpenak ikusten jarraituko dugu ondorengo paneletan.

optimizazio-6

Irudiaren beheko ezkerreko bertsioan klik egingo dugu hautatzeko. JPEG bertsio baxua aukeratuko dugu aurrezarpenen menuan. Irudia nahiko pixelatuta agertuko da eta bere kalitatea onartezina da, batez ere testu eremuan, oso nabarmena da. Irudiaren kalitatea handitzen saiatuko gara fitxategi tamaina onartezina lortu gabe.

optimizazio-7

Ezarpenak goitibeherako menuan JPEG High aukeratuko dugu berriro. Horrek irudiaren kalitatea asko hobetzen du, baina fitxategiaren tamaina nabarmen handitzen da.

optimizazio-8

Azkenean, aukerarik arrakastatsuena erdibidea izango da. JPEG Media aukeratuko dugu Aurrezarpen goitibeherako menuan berriro. Irudiaren kalitatea orain onargarria da, baina fitxategiaren tamaina JPEG High bertsioa edo GIF bertsioa baino dezente txikiagoa da.

optimizazio-9

Azkenean eskuineko beheko panela hautatuko dugu. PNG-8 128 hautatuko dugu goitibeherako menuan berriro ere. Aukera honek jatorrizko irudia baino fitxategi tamaina txikiagoa eskaintzen duen arren, irudiaren kalitatea ez da JPEG Medium bertsioa bezain ona, fitxategi tamaina txikiagoa ere izango baitu.

optimizazio-10

Azkenean JPEG bertsioan klikatuko dugu, hau da, ezkerreko beheko aldean. Panel optimizatuan (elkarrizketa-koadroaren eskuinean) ziurtatu Progressive gaituta dagoela (horrek irudia pasada anitzetan deskargatzea eragingo du, horietako bakoitzak irudiaren kalitatea handitzen du) eta egin klik Ados botoian.

optimizazio-11

Azkenean, Gorde optimizatua honela elkarrizketa-koadroan, jatorrizko izena erabiliko dugu eta Gorde sakatuko dugu. Horrela, jatorrizko fitxategiaren JPEG bertsioa nahi duzun karpetan gordeko dugu. Azkenean proiektu hau itxiko dugu aldaketak gorde gabe.

 


Artikuluaren edukia gure printzipioekin bat dator etika editoriala. Akats baten berri emateko egin klik hemen.

Idatzi lehenengo iruzkina

Utzi zure iruzkina

Zure helbide elektronikoa ez da argitaratuko.

*

*

  1. Datuen arduraduna: Miguel Ángel Gatón
  2. Datuen xedea: SPAM kontrolatzea, iruzkinen kudeaketa.
  3. Legitimazioa: Zure baimena
  4. Datuen komunikazioa: datuak ez zaizkie hirugarrenei jakinaraziko legezko betebeharrez izan ezik.
  5. Datuak biltegiratzea: Occentus Networks-ek (EB) ostatatutako datu-basea
  6. Eskubideak: Edonoiz zure informazioa mugatu, berreskuratu eta ezabatu dezakezu.