GIF irudiak optimizatu eta aurreztea

Photoshop-en animazio bat sortu ondoren, eskuragarri dauden formatuetako batean gorde behar duzu, hau da GIF. Formatu honen ezaugarri bat arakatzailean bistaratzeko (erreproduzitzeko) pentsatuta dago.

Animazioa gordetzeko beste aukeraren bat interesatzen bazaizu, artikulu hau irakurtzea gomendatzen dugu:

Ikasgaia: nola gorde bideo bat Photoshop-en

Sortze prozesua GIF animazioa aurreko ikasgaietako batean deskribatu zen, eta gaur fitxategia formatuan nola gordetzeaz hitz egingo dugu GIF eta optimizazio ezarpenei buruz.

Ikasgaia: animazio sinplea sortu Photoshop-en

GIF Aurreztea

Lehenik eta behin, errepikatu materiala eta ezagutu ezazu gordetako ezarpenen leihoa. Elementuan klik eginez irekitzen da. Gorde Weberako menuan "Agiria".

Leihoak bi zati ditu: aurrebistako blokea

eta ezarpenak blokeatu.

Aurrebistako blokea

Ikusteko aukera kopurua aukeratzeko blokearen goiko aldean hautatzen da. Zure beharren arabera, nahi duzun ezarpena hauta dezakezu.

Leiho bakoitzeko irudia, jatorrizkoa izan ezik, bereiz konfiguratuta dago. Aukerarik onena aukeratu dezazun.

Blokearen goiko ezkerraldean tresna multzo txiki bat dago. Bakarrik erabiliko dugu "Eskuz" eta "Zoom".

arabera "Eskuak" Hautatutako leihoaren barruan argazkia eraman dezakezu. Aukeraketa tresna honek ere egiten du. "Zoom" ekintza bera egiten du. Blokearen beheko botoiekin gerturatu eta txikiagotu dezakezu.

Jarraian, inskripzioa duen botoia dago "Ikusi". Hautatutako aukera arakatzaile lehenetsian irekitzen du.

Arakatzailearen leihoan, parametro multzoaz gain, lor dezakegu HTML kodea SIFCOko.

Ezarpenak blokea

Bloke honetan irudiaren parametroak egokitu egiten dira, xehetasun handiagoz aztertuko dugu.

1. Kolore eskema. Ezarpen honek irudiaren zein taularen indexatutako irudia aplikatuko da zehazten du optimizazioan.

   

   • pertzepzio, baina, besterik gabe, "pertzepzio eskema". Photoshop-ek aplikatutakoan, kolore taula bat sortzen du, irudiaren uneko koloreek gidatuta. Garatzaileen arabera, taula hau gizakiaren begiek koloreak nola ikusten duten ahalik eta gertuena da. Gainera - jatorrizkotik hurbilen dagoen irudia, koloreak oso ondo kontserbatzen dira.
   • selektiboak Eskema aurrekoaren antzekoa da, baina batez ere sarean seguruak diren koloreak erabiltzen ditu. Jatorrizkotik hurbil dauden tonuen bistaratzea ere nabarmentzen da.
   • moldatzaile. Kasu honetan, taula irudian ohikoagoak diren koloreetatik sortu da.
   • mugatua. 77 kolorez osatuta dago, eta horietako batzuk zuriz ordezkatzen dira, puntu (alea) moduan.
   • Ohiko. Eskema hau aukeratzerakoan, posible da zure paleta sortzea.
   • Zuri-beltza. Taula honetan bi kolore baino ez dira erabiltzen (zuria eta zuria), aleen tamaina ere erabilita.
   • Grisaren eskalan. Hemengo 84 tonu gris erabiltzen dira.
   • MacOS eta Windows. Taula hauek sistema eragileak erabiltzen dituzten nabigatzaileetan irudiak bistaratzeko ezaugarrietan oinarrituta daude.

   Hona hemen zirkuituaren erabileraren adibide batzuk.

   

   Ikus dezakezuenez, lehen hiru laginak kalitate nahiko onargarriak dira. Bisualki ia elkarrengandik desberdinak ez diren arren, eskema hauek modu desberdinetan funtzionatuko dute.

2. Kolore-taula bateko gehieneko koloreak.

   

   Irudiaren tonu kopuruak zuzenean eragiten dio bere pisuari eta, horrenbestez, deskargatzeko abiadura arakatzailean. Gehien erabiltzen den balioa 128, horrelako ezarpenak kalitatean ia eraginik ez duelako, gifaren pisua murrizten den bitartean.

   

3. Web koloreak. Ezarpen honek Web paleta seguru batetik tonalitateak baliokideak izateko tolerantzia ezartzen du. Fitxategiaren pisua graduatzailea ezarritako balioaren arabera zehazten da: balioa handiagoa da - fitxategia txikiagoa da. Web koloreak konfiguratzerakoan, ez ahaztu kalitatea ere.

   

   Adibide bat:

   

4. Ebakuntzak koloreen arteko trantsizioak leuntzeko aukera ematen du, hautatutako indexazio-taulan jasotako tonuak nahastuz.

   

   Gainera, doikuntzak sekzio monofonikoen gradienteak eta osotasuna mantentzen lagunduko du. Dithering aplikatzen denean, fitxategiaren pisua handitzen da.

   Adibide bat:

   

5. Gardentasuna. formatuan GIF pixel guztiz gardenak edo erabat opakuak bakarrik onartzen ditu.

   

   Parametro honek, doikuntza gehigarririk gabe, lerro makurrak gaizki erakusten ditu, pixelen eskailerak utziz.

   

   Sintonia fina deitzen zaio "Matt" (edizio batzuetan "Border"). Bere laguntzarekin, irudiaren pixelak kokatuko den orrialdearen atzeko planoarekin nahastuta konfiguratuta dago. Pantaila onena lortzeko, aukeratu gunearen atzeko planoaren kolorearekin bat datorren kolorea.

   

6. Gurutzelarkatuta. Web ezarpenetarako erabilgarriena. Kasu horretan, fitxategiak pisu handia badu, argazkia berehala erakusteko aukera ematen du orrialdean, bere kalitatea hobetuz doan moduan.

   

7. SRGB bihurketa aurrezten den bitartean jatorrizko irudiaren koloreak mantentzen laguntzen du.

   

doikuntza "Gardentasunaren beherakada" irudiaren kalitatea eta parametroaren inguruan nabarmen degradatzen da "Lost" ikasgaiaren zati praktikoan hitz egingo dugu.

Photoshop-en GIF aurrezteko prozesua hobeto ulertzeko, praktikatu behar duzu.

Praktika

Interneterako irudiak optimizatzeko helburua da fitxategien pisua gutxitzea kalitatea mantentzen den bitartean.

1. Argazkia prozesatu ondoren, joan menura Fitxategia - Weberako gorde.
2. Ikusteko modua ezarri dugu "4 aukera".

   

3. Ondoren, aukeraren bat jatorrizkoaren antzekoa egin behar duzu. Izan bedi iturriaren eskuinean dagoen argazkia. Fitxategiaren tamaina kalitate gorenean balioesteko egiten da.

   Parametroen ezarpenak hauek dira:

   • Kolore eskema "Selektiboa".
   • "Koloreak" - 265.
   • "Bilbatzea" - "Nahi gabe", 100 %.
   • Parametroaren aurrean kentzen dugu "Interlazitutako", irudiaren azken bolumena nahiko txikia izango baita.
   • Web koloreak eta "Lost" - zero.

     

   Konparatu emaitza jatorrizkoarekin. Lagina duen leihoaren beheko aldean, GIFen egungo tamaina eta deskargatzeko abiadura adierazitako Interneteko abiaduran ikus dezakegu.

   

4. Joan azpian konfiguratuta dagoen irudira. Saia gaitezen optimizatzen.
   • Eskema aldatu gabe uzten dugu.
   • Kolore kopurua 128ra murrizten da.
   • balio "Bilbatzea" murriztu% 90era.
   • Web koloreak ez dugu ukitzen, kasu honetan ez baitugu kalitatea mantentzen lagunduko.

     

   GIFen tamaina 36,59 KB izatetik 26,85 KB izatera jaitsi da.

   

5. Irudiak akatsak eta akats txikiak dituenez, areagotzen saiatuko gara "Lost". Parametro honek konpresio garaian datuen galera maila onargarria definitzen du. GIF. Aldatu balioa 8ra.

   

   Fitxategiaren tamaina are gehiago murriztea lortu genuen, kalitate pixka bat galdu bitartean. GIFek 25,9 kilobyte pisatzen dituzte orain.

   

   Guztira, irudiaren tamaina 10 KB inguru murriztea lortu genuen, hau da,% 30 baino gehiago. Oso emaitza ona.

6. Ekintza gehiago oso errazak dira. Egin klik botoian "Save".

   

   Aukeratu gordetzeko tokia, eman izena gif-ri eta egin klik berriro "Gorde ".

   

   Kontuan izan aukera dagoela GIF sortu eta HTML gure argazkia txertatuko duen dokumentua. Horretarako, hobe da karpeta huts bat hautatzea.

   

   Ondorioz, orrialde bat eta karpeta bat irudi batekin lortzen ditugu.

   

Aholkua: fitxategi bat izendatzean, saiatu karaktere zirilikoak ez erabiltzen, arakatzaile guztiek ez baitituzte irakurtzen.

Irudia formatuan gordetzeko ikasgaia da GIF amaitu. Bertan Interneten argitaratzeko fitxategi bat nola optimizatu zen jakin genuen.