Pag-optimize ug pagtipig sa mga imahe sa GIF

Pin
Send
Share
Send


Pagkahuman sa paghimo og usa ka animation sa Photoshop, kinahanglan nimo kini i-save sa usa sa mga magamit nga format, usa na kini GIF. Usa ka bahin sa kini nga pormat mao nga gituyo aron ipakita (playback) sa usa ka browser.

Kung interesado ka sa ubang mga kapilian alang sa pag-save sa animation, girekomenda namon nga basahon kini nga artikulo:

Leksion: Giunsa i-save ang usa ka video sa Photoshop

Proseso sa paglalang GIF gihulagway ang animation sa usa sa nangaging mga leksyon, ug karon hisgutan namon kung giunsa i-save ang file sa format GIF ug bahin sa mga setting sa pag-optimize.

Leksyon: Paghimo usa ka yano nga animation sa Photoshop

GIF Pagatipig

Una, atong sublion ang materyal ug pamilyar sa window sa pag-save sa mga setting. Giablihan kini pinaagi sa pag-klik sa butang. Pag-save alang sa Web sa menu Pag-file.

Ang bintana naglangkob sa duha ka bahin: usa ka block block

ug mga setting block.

Pang-block block

Ang pagpili sa gidaghanon sa mga kapilian sa pagtan-aw napili sa tumoy sa block. Depende sa imong mga panginahanglan, mahimo nimo mapili ang gusto nga setting.

Ang imahe sa matag bintana, gawas sa orihinal, gi-configure nga gilain. Gihimo kini aron mapili nimo ang labing kapilian.

Sa ibabaw nga wala nga bahin sa bloke usa ka gamay nga hugpong sa mga himan. Gamiton ra namo "Kamot" ug "Scale".

Sa Kamot Mahimo nimong ibalhin ang imahe sa sulod sa pinili nga bintana. Ang pagpili gihimo usab pinaagi sa kini nga himan. "Scale" nagabuhat sa parehas nga aksyon. Mahimo ka mag-zoom in ug paggawas sa mga buton sa ilawom sa block.

Sa ubos usa ka butones nga adunay inskripsyon Panglantaw. Giablihan niini ang gipili nga kapilian sa default browser.

Sa bintana sa browser, dugang sa usa ka hugpong sa mga parameter, mahimo usab naton makuha HTML nga code GIF

Mga bloke sa setting

Sa kini nga bloke, ang mga parameter sa imahe nabag-o, hisgutan namon kini sa mas detalyado.

  1. Ang pamaagi sa kolor. Kini nga setting ang nagtino kung unsang gi-index nga kolor sa lamesa ang magamit sa imahe sa panahon sa pag-optimize.

    • Perceptual, apan yano nga usa ka "pamaagi sa pagsabut." Kung gipadapat, ang Photoshop nagmugna og usa ka lamesa sa kolor, nga gigiyahan sa kasamtangan nga mga kolor sa imahe. Sumala sa mga nag-develop, kini nga lamesa kutob sa mahimo kung giunsa makita sa mga mata sa tawo ang mga kolor. Dugang pa - ang imahe nga labing duol sa orihinal, ang mga kolor labi ka mapreserbar.
    • Pinili Ang laraw parehas sa nauna, apan sa panguna gigamit ang mga kolor nga luwas alang sa web. Adunay usab paghatag gibug-aton sa pagpakita sa mga shade nga duol sa orihinal.
    • Nahiangay. Sa kini nga kaso, ang lamesa gimugna gikan sa mga kolor nga labi ka kasagaran sa imahe.
    • Limitado. Kini naglangkob sa 77 nga mga kolor, ang pipila niini gipulihan sa puti nga porma sa usa ka tuldok (lugas).
    • Custom. Kung gipili kini nga pamaagi, mahimo ang paghimo sa imong kaugalingon nga palette.
    • Itom ug puti. Duha ra ka kolor ang gigamit sa kini nga lamesa (itom ug puti), nga naggamit usab gidak-on sa lugas.
    • Sa grayscale. Ang lainlaing 84 nga lebel sa mga shade nga grey gigamit dinhi.
    • MacOS ug Windows. Kini nga mga lamesa gitigum base sa mga dagway sa pagpakita mga imahe sa mga browser nga nagpadagan sa mga operating system.

    Niini ang pipila nga mga pananglitan sa aplikasyon sa circuit

    Ingon sa nahibal-an nimo, ang una nga tulo nga mga sample adunay igo nga kalidad nga madawat. Bisan pa sa pagtan-aw nga halos dili sila magkalainlain sa usag usa, kini nga mga laraw magtrabaho nga lainlain sa lainlaing mga imahe.

  2. Ang labing kadaghan nga kolor sa usa ka lamesa sa kolor.

    Ang gidaghanon sa mga shade sa imahe direkta nga nakaapekto sa gibug-aton, ug sumala niana, ang gikusgon sa pag-download sa browser. Ang kasagaran nga gigamit nga kantidad 128, tungod kay ang ingon nga kahimtang adunay hapit dili epekto sa kalidad, samtang gibug-aton ang gibug-aton sa gif.

  3. Mga kolor sa web. Kini nga setting nagpahimutang sa pagtugot kung unsang mga anino ang nakabig sa mga katumbas gikan sa usa ka luwas nga paleta sa Web. Ang gibug-aton sa file gipiho sa kantidad nga gitakda sa slider: ang kantidad mas taas - ang file mas gamay. Kung gipahimutang ang mga kolor sa Web, ayaw kalimti ang kalidad usab.

    Usa ka pananglitan:

  4. Gitugotan ka sa pagduyog nga hapsay ang mga pagbalhin tali sa mga kolor pinaagi sa pagsagol sa mga shade nga anaa sa napili nga lamesa sa pag-index.

    Ingon man, ang pag-adjust makatabang, kutob sa mahimo, aron mapreserbar ang mga gradients ug integridad sa mga seksyon sa monophonic. Kung gipadapat ang dithering, ang pagtaas sa gibug-aton sa file.

    Usa ka pananglitan:

  5. Kalainan Format GIF nagsuporta lamang sa hingpit nga transparent o hingpit nga nagdakup nga mga piksel.

    Kini nga parameter, nga wala’y dugang nga pag-adjust, dili maayo nga gipakita ang mga curved line, gibiyaan ang mga hagdan sa pixel.

    Gitawag ang maayong tuning "Matt" (sa pipila ka edisyon "Border") Uban sa tabang niini, ang pagsagol sa mga pixel sa litrato uban ang background sa panid kung asa kini makit-an ang na-configure. Alang sa labing kaayo nga pagpakita, pagpili usa ka kolor nga katumbas sa kolor sa background sa site.

  6. Nakigsumpay. Usa sa labing mapuslanon alang sa setting sa Web. Sa kini nga kaso, kung ang file adunay makahuluganon nga gibug-aton, nagtugot kini kanimo nga ipakita dayon ang litrato sa panid, nga gipalambo ang kalidad niini samtang nag-load.

  7. Ang pagkakabig sa sRGB makatabang sa pagpadayon sa labing taas nga orihinal nga mga kolor sa imahe samtang nagatipig.

Pag-ila "Pagduyog sa transparency" kamahinungdanon gipakaulawan ang kalidad sa imahe, ug bahin sa parameter "Pagkawala" hisgutan naton ang praktikal nga bahin sa leksyon.

Alang sa usa ka mas maayo nga pagsabut sa proseso sa pagpahimutang sa pag-save sa GIF sa Photoshop, kinahanglan nimo nga pagpraktis.

Pagpraktis

Ang katuyoan sa pag-optimize sa mga imahe alang sa Internet mao ang pagminus sa gibug-aton sa file samtang nagpadayon ang kalidad.

  1. Human maproseso ang litrato, adto sa menu File - Pag-save alang sa Web.
  2. Gibutang namon ang mode sa pagtan-aw "4 kapilian".

  3. Sunod, kinahanglan nimo nga maghimo usa sa mga kapilian sama sa orihinal kutob sa mahimo. Itugot nga kini ang litrato sa tuo sa gigikanan. Gihimo kini aron mabanabana ang kadako sa file sa labing taas nga kalidad.

    Ang mga setting sa parameter mao ang mga mosunod:

    • Ang pamaagi sa kolor "Pinili".
    • "Mga Kolor" - 265.
    • Ngadto - "Random", 100 %.
    • Gikuha namon ang daw sa atubang sa parameter Nakigsumpay, tungod kay ang katapusan nga gidaghanon sa imahe gamay ra.
    • Mga Kulay sa Web ug "Pagkawala" - zero.

    Itandi ang resulta sa orihinal. Sa ubos nga bahin sa bintana nga adunay sample, makita naton ang karon nga gidak-on sa GIF ug ang gikusgon nga pag-download niini sa gipaila nga gikusgon sa Internet.

  4. Lakaw ngadto sa litrato sa ubos nga na-configure lang. Atong sulayan nga ma-optimize kini.
    • Gibiyaan namon ang pamaagi nga wala mausab.
    • Ang gidaghanon sa mga kolor pagkunhod sa 128.
    • Ang kantidad Ngadto pagminus sa 90%.
    • Mga kolor sa web dili kami magtandog, tungod kay sa kini nga kaso dili kini makatabang kanamo aron magpadayon ang kalidad.

    Ang gidak-on sa GIF mikunhod gikan sa 36.59 KB sa 26.85 KB.

  5. Tungod kay ang litrato adunay pila ka lugas ug gagmay nga mga depekto, mosulay kami nga madugangan "Pagkawala". Kini nga parameter gihubit ang madawat nga lebel sa pagkawala sa data sa panahon sa pag-compress. GIF. Usba ang bili sa 8.

    Kami nakahimo sa dugang nga pagkunhod sa gidak-on sa file, samtang nawala ang gamay sa kalidad. Ang mga GIF karon gibug-aton nga 25.9 kilobyte.

    Kadaghanan, nahimo namon ang pagkunhod sa gidak-on sa imahe nga mga 10 KB, nga labaw sa 30%. Nindot kaayo nga resulta.

  6. Ang dugang nga mga aksyon yano kaayo. Pag-klik sa buton Pag-save.

    Pagpili usa ka lugar aron makatipig, ihatag ang ngalan sa gif, ug pag-klik usab "Luwasa ".

    Palihug hinumdumi nga adunay posibilidad nga GIF paghimo ug HTML dokumento diin ibutang ang atong litrato. Aron mahimo kini, mas maayo nga pagpili sa usa ka walay sulod nga folder.

    Ingon usa ka sangputanan, nakakuha kami usa ka panid ug usa ka folder nga adunay usa ka imahe.

Tabang sa Pagtudlo: kung nagbutang usa ka file, sulayi nga dili gamiton ang mga karakter nga Cyrillic, tungod kay dili tanan nga mga browser makahimo sa pagbasa niini.

Kini ang leksyon alang sa pagluwas sa imahe sa pormat GIF nahuman Dinhi nahibal-an namon kung giunsa ang pag-optimize sa usa ka file alang sa pag-post sa Internet.

Pin
Send
Share
Send