Optimizatu eta gorde irudiak GIF formatuan


Photoshop-en animazio bat sortu eta gero, gorde egin behar duzu eskuragarri dauden formatuetako batean, horietako bat GIF. Formatu horren ezaugarri bat nabigatzailean bistaratzeko diseinatuta dago.

Animazioa gordetzeko beste aukera batzuetan interesa baduzu, artikulu hau irakurtzea gomendatzen dugu hemen:

Ikasgaia: Nola gorde bideoak Photoshop-en

Sortze prozesua GIF Animazioa aurreko ikasgaietako batean deskribatu da, eta gaur egun fitxategia gordetzeko moduei buruz hitz egingo dugu GIF eta optimizazio ezarpenak.

Ikasgaia: Sortu animazio sinple bat Photoshop-en

GIF aurreztea

Hasteko, errepikatu materiala eta begiratu ezarpenen leihoan. Elementua klik eginez irekitzen da. "Webgunea gorde" menuan "Fitxategia".

Leihoak bi zati ditu: aurrebista blokea

eta blokeatu ezarpenak.

Aurrebista blokea

Ikusteko aukeren kopurua hautatuta dago blokearen goialdean. Zure beharren arabera, nahi duzun ezarpena hauta dezakezu.

Leiho bakoitzeko irudia, jatorrizkoa izan ezik, bereizita konfiguratuta dago. Hori egin daiteke aukerarik onena aukeratzeko.

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

Laguntzeko "Eskuak" Irudia hautatutako leihoaren barruan mugi dezakezu. Aukeraketa tresna hau ere egiten da. "Zoom" ekintza bera egiten du. Blokearen behealdeko botoiekin handitu edo txikiagotu dezakezu.

Azpitik dago etiketatutako botoia "Ikusi". Hautatutako aukera irekitzen du arakatzailearen lehenetsian.

Arakatzailearen leihoan, parametro multzo batzaz gain, lor dezakegu HTML kodea SIFCOko.

Ezarpen blokea

Bloke honetan, irudien parametroak konfiguratzen dira, zehatzago aztertuko dugu.

  1. Kolore-eskema. Ezarpen honek zehazten du zein kolore indexatutako taula aplikatuko zaio irudiari optimizazioan.

    • pertzepzio, besterik gabe, "pertzepzio eskema". Aplikatuta dagoenean, Photoshop-ek koloreen taula bat sortzen du, irudiaren uneko tonuek gidatuta. Garatzaileen arabera, taulak ahalik eta hurbilen dagoen giza begiak koloreak ikusten ditu. Gehiago - jatorrizko irudiaren gertuena, koloreak ahalik eta gehien gordetzen dira.
    • selektiboak Eskema aurrekoaren antzekoa da, baina gehienbat webgunerako seguruak diren koloreak erabiltzen ditu. Jatorrizkoaren ondoan dauden tonuen bistaratzean ere oinarritzen da.
    • moldatzaile. Kasu honetan, taulan irudian aurkitu ohi diren koloreengatik sortzen da.
    • mugatua. 77 koloretakoa da, eta horietako batzuk zuriak ordezkatzen ditu puntu batez (aleak).
    • Ohiko. Eskema hau aukeratzerakoan, zure paleta propioa sortu dezakezu.
    • Beltza eta zuria. Taula honek bi kolore erabiltzen ditu (zuri-beltzean), aleak ere erabiltzen dituena.
    • Grisetan. Hemen, tonu gris ezberdinak 84 aplikatzen dira.
    • MacOS eta Windows. Taula hauek sistema eragile horien bitartez arakatzaileen irudiak bistaratzeko ezaugarrien arabera konpilatzen dira.

    Hona hemen eskemaren erabileraren adibide batzuk

    Ikusten duzun bezala, lehenengo hiru laginak kalitate onargarria dute. Nahiz eta ikusmenek ez dute elkarrengandik desberdina izan, eskemak hauek irudi desberdinetan funtzionatuko dute.

  2. Koloreen taulan gehienezko kolore kopurua.

    Irudiaren tonu kopurua bere pisuari zuzenean eragiten dio eta, horrenbestez, nabigatzailean deskargatzeko abiadura da. Gehien erabiltzen den balioa 128Ezarpen honek kalitateari eraginik ez dionez, gifaren pisua murrizten du.

  3. Web koloreak. Ezarpen honek webgunearen seguru paleta batetik itzalak baliokidea bihurtzen duen tolerantzia ezartzen du. Fitxategiaren pisua graduatzaileak ezarritako balioaren arabera zehazten du: balioa handiagoa da - fitxategia txikiagoa da. Web-koloreak konfiguratzerakoan ez ahaztu kalitateari buruz.

    Adibidez:

  4. Dithering-ek koloreen arteko trantsizioak leuntzeko aukera ematen du hautatutako aurkibideko taulan dauden tonuak nahastuz.

    Egokitzapena, ahal den neurrian, lagungarria izango da zatiak monokromatikoen gradienteak eta osotasuna mantentzea. Dithering erabiltzean, fitxategiaren pisua handitzen da.

    Adibidez:

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

    Parametro hori doikuntza gehigarririk gabe, lerro kurbatuak gaizki bistaratzen du, pixeletako eskailerak utziz

    Doikuntza deitzen da "Matt" (zenbait edizioetan "Border"). Irudiaren pixelak kokatuko den orrialdearen atzeko planoarekin nahastu daitezke. Pantaila onena lortzeko, aukeratu atzeko planoaren kolorearekin bat datorren kolorea.

  6. Gurutzelarkatuta. Weberako ezarpen erabilgarrienetako bat. Kasu horretan, fitxategiak pisu esanguratsua badu, berehala erakutsiko dizu orriaren argazkia, kargatuta dagoenean, bere kalitatea hobetuz.

  7. SRGB bihurketa irudiaren kolore originalak gehienez gordetzean laguntzen du.

doikuntza "Gardentasuna kentzea" nabarmen degradatzen du irudiaren kalitatea, baina parametroari buruz "Lost" ikasgaiaren atal praktikoan hitz egingo dugu.

Photoshop-eko gifak gordetzeko prozesua hobeto ulertzeko, landu behar duzu.

praktika

Interneten irudiak optimizatzeko helburua da fitxategiaren pisua gutxitzea, kalitatea mantenduz.

  1. Irudiak prozesatu ondoren, menura joan "Fitxategia - Webgunea gorde".
  2. Erakutsi ikuspegi modua "4 aukerak".

  3. Gero jatorrizkoaren ahalik eta hurbilena egiteko aukeretako bat behar duzu. Utzi iturriaren eskuineko irudia. Fitxategiaren tamaina kalitate maximoa kalkulatzeko.

    Parametroaren ezarpenak honako hauek dira:

    • Kolore-eskema "Selektiboa".
    • "Koloreak" - 265.
    • "Bilbatzea" - "Nahi gabe", 100 %.
    • Kendu parametroaren aurrean dagoen kontrol laukia "Interlazitutako", irudiaren azken bolumena nahiko txikia baita.
    • "Web koloreak" eta "Lost" - zero.

    Konparatu emaitza jatorrizkoarekin. Laginaren leihoaren behealdean gifaren uneko tamaina eta deskargatutako abiadura ikus daitezke Interneten abiaduraren arabera.

  4. Joan beheko konfiguratutako irudira. Dezagun optimizatu.
    • Eskema ez da aldatu.
    • Kolore kopurua 128.
    • balio "Bilbatzea" % 90 murriztu da.
    • Web koloreak ez ukitu, kasu honetan ez duelako kalitatea mantentzen lagunduko.

    GIFen tamaina 36,59 KB-tik 26,85 KB jaitsi da.

  5. Irudian ale batzuk eta akats txikiak badira, hazten saiatuko gara "Lost". Parametro honek konpresioan datuen galeraren maila onargarria zehazten du. GIF. Aldatu balioa 8.

    Fitxategiaren tamaina murriztea lortu dugu, kalitatea apur bat galtzen ari baita. Gifkak 25,9 kilobyte pisatzen ditu orain.

    Beraz, irudiaren tamaina 10 KB inguru murriztu ahal izan dugu, hau da,% 30 baino gehiago. Emaitza oso ona.

  6. Ekintza gehiago oso sinpleak dira. Sakatu botoia "Gorde".

    Aukeratu gordetzeko tokia, eman gifaren izena, eta egin klik ""Gorde ".

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

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

Aholkua: fitxategi bat izendatzean, saiatu karaktere zirilikoak ez erabiltzea, nabigatzaile guztiek ez dutelako irakurtzeko gai.

Irudiak formatuan gordetzeko ikasgai honetan GIF amaitu. Bertan, Interneten jartzeko fitxategia optimizatzen ikasi dugu.