Multimedia Tutorial - GIF Images

Ang GIF ay isa sa mga pangunahing format ng imahen na ginagamit sa Web.

Ang artikulo na ito ay nagbibigay ng detalyadong pagtatuturo sa mga katangian at mga kalakip ng imahen na GIF at ang mga kalakip na paggamit nito.

Unawain ang format ng imahen

Wala namang opisyal na format ng imahen ang pinagbatayan ng HTML o XHTML. Gayunman, ang mga popular na browser ay may opisyal na pinagbatayan ng mga format ng imahen: karaniwang GIF at JPEG. Ang iba pang mga format ng multimedia ay kailangang may mga espesyal na suportadong application, kailangan ng bawat gumagamit ng browser na kunin, i-install at maayos na gamitin ang mga application na ito upang makita o makarinig ng mga espesyal na file. Kaya, ang GIF at JPEG ay naging aktwal na standard sa Web ay hindi nakakasorpresa.

Bago magkaroon ng Web, ang dalawang format ng imahen na ito ay napakapangunahing ginagamit, kaya may malaking bilang ng suportadong software na tumutulong sa amin na gumawa ng mga imahen nang gamit ang dalawang format na ito. Gayunman, ang bawat format ay may kanyang kalakip at kahinaan, at ang ilang browser ay gumagamit ng kanyang katangian upang makamit mga espesyal na epekto ng pagpapakita.

GIF

Ang format ng GIF ay tinatawag na Image Exchange Format (Graphics Interchange Format, GIF), na orihinal na binuo ng CompuServe para sa paggamit ng mga gumagamit ng kanilang online service sa pagpapadala ng mga imahen.

Katangian ng format ng GIF

May maraming katangian ang format ng GIF, kaya ito ay napakapangunahing ginagamit sa HTML/XHTML.

Una, ang teknolohiya ng kanyang encoding ay puwedeng gamitin sa maraming platform. Kaya, sa pamamagitan ng wastong paggamit ng software ng GIF decoding (karamihan sa mga browser ay mayroon ito), ang paglikha at pagkombinasyon ng mga imahen ng GIF sa Macintosh ay maaaring madaling ilagay, madecode at tingnan sa isang PC na nakabase sa Windows.

Ang ikalawang katangian ng format ng GIF ay ang paggamit ng isang espesyal na teknolohiya ng pagkompresyon na maaaring lubusang bawasan ang laki ng file ng imaheng, upang mas mabilis na maipapadala sa internet. At ang pagkompresyon ng GIF ay walang kawalan ng kahinaan, ibig sabihin, ang orihinal na datos ng imahen ay hindi magbabago o mawala, kaya ang imahen pagkatapos magdecompress at magdecode ay katulad pa rin sa orihinal na imahen.

Bilang karagdagan, ang mga imahe na GIF ay napakadaling maisakatuparan ang epekto ng animation.

Ang bersyon at kulay ng format na GIF

Bagaman ang lahat ng file na GIF imahe ay may sulat na .gif (o .GIF) bilang sulat ng pangalan ng file, may dalawang bersyon ng GIF: ang orihinal na GIF87 at GIF89a, na sumusuporta sa maraming bagong katangian, kabilang ang transparent na background, cross-platform storage, at animation, na pinaka-popular sa gumagawa ng Web.

Ang mga kasalukuyang browser na pinaka-popular ay sumusuporta sa dalawang format na GIF, na parehong pinagsasama-sama ng 8-bit na halaga ng pixel sa isang listahan ng kulay, kaya ang bawat imahe ay maaaring may hanggang 256 na kulay.

Ang karamihan sa mga imahe na GIF ay may mas maliit na bilang ng kulay, at ang mga espesyal na kasangkapan (tulad ng Fireworks ng Macromedia) ay maaaring simplipikahan ang mga kulay sa mas detalyadong imahe. Sa pamamagitan ng pag-simplipikahan ng mga kulay, maaaring gumawa ng mas maliit na imaheng kulay at pagpapatibay ng pixel redundancy, upang mapigil ang pagkakompress ng file, upang mabilis ang pag-download.

Gayunman, dahil sa limitadong bilang ng kulay, ang mga imahe na pinakikode sa GIF ay hindi laging magagamit, lalo na para sa mga imahe na may katulad ng litrato na kahusayan. Ang GIF ay maaaring gamitin upang gumawa ng napakagandang ikon at mga imahe na may maliit na bilang ng kulay at larawan.

Kahit na ang napakasamang gumagawa ay magpipili ng GIF

Dahil ang karamihan sa mga browser ng graph ay malinaw na sumusuporta sa format na GIF, ito ay naging pinaka-akit na format ng pagkakakode ng imahe sa Web. Maaaring gamitin ang format na ito para sa mga inline image at mga image na naka-link na labas. Kung ikaw ay nag-aalala tungkol sa pagpili ng format ng imahe, siguradong maganda ang paggamit ng GIF. Halos lahat ng sitwasyon ay maaaring gumana nang maayos.

Ang mga teknika ng imahe na GIF

May tatlong espesyal na teknika ang mga imahe na GIF: interlacing, transparency, at animation.

Interlacing

Sa pamamagitan ng pag-scan ng hilera, ang mga imahe na GIF ay maaaring lumitaw sa skreen sa isang pagkakataon, hindi sa paglalagay mula sa itaas hanggang sa ibaba. Sa pangkalahatan, ang mga imahe na pinakikode sa GIF ay isang pagkakasunod-sunod ng pixel data mula sa itaas hanggang sa ibaba ng imahe, paghahati-hati ng bawat hila. Kaya, ang mga pangkaraniwang imahe na GIF sa pagpapakita sa skreen ay parang isang pagbubuksan ng pabahay, habang ang mga GIF na may pag-scan ng hilera ay parang isang pagbukas ng baley. Ito ay dahil ang pagkakasunod-sunod ng pixel data ay mag-ukol sa bawat apat na hila. Ang gumagamit ay kailangan lamang gamitin ang kalahating oras ng pag-download at pagpapakita ng buong imahe upang makita ang kumpletong imahe mula itaas hanggang sa ibaba, kahit na ito ay napakaliit. Ang imahe na nagtatapos lamang ng apat na bahagi ay sapat nang malinaw para sa mga gumagamit na may mababang bilis ng koneksi ng internet upang makita kung mayroon pang pangangailangan na magsagawa ng download ng iba pang bahagi ng imahe.

Bagamat lahat ng browser na mayroon sa pagpapakita ng interlaced GIF, hindi lahat ng browser ay magpapakita ng epekto ng pagiging maliwanag nang liliko. Kahit na ang mga browser na magagawa ng ganitong epekto, ang mga user ay maaaring pilihin na ipakita pagkatapos nangkumpleto na i-download at decode ang image. Ang lumang browser ay palaging ipakita ang image pagkatapos nangkumpleto na i-download at i-decode, kaya hindi sumusuporta sa ganitong epekto.

Transparency

Ang isa pang pangkaraniwang epekto ng image na GIF (kahit na ito ay GIF89a format) ay ang pagiging posible na gawing transparente ang isang bahagi ng image, upang ang nilalaman sa ilalim ng image (karaniwang ang background ng window ng browser) ay makikita sa pamamagitan ng bahagi ng transparensya. Ang transparent na image na GIF ay gumagamit ng isang espesyal na kulay bilang background color sa pamamagitan ng kanyang color mapping, upang ipahintulot ang pagpasok ng background ng window sa pamamagitan ng transparensya. Sa pamamagitan ng masusing pag-cut ng laki ng image at pagpili ng isang malapit sa purong kulay ng background, ang transparent image ay maaaring gawing mukhang ganap na nakasama sa web page o lumilipad sa ibabaw nito.

Ang transparent na image na GIF ay angkop sa anumang nais na ilagay sa dokumento ngunit ayaw na maging bloke na hugis. Ang transparent na logo ng GIF ay lubos na pangkaraniwan, tulad ng transparent na ikon o printing symbol - kahit anong image na may anumang likas na hugis ay maaaring gamitin ang ganitong epekto. Maaari rin na ilagay ang transparent na inline image sa tradisyonal na teksto upang ipakita ang espesyal na symbol o character.

Ang hindi magandang aspeto ng transparensya ng image na GIF ay kapag ito ay nakasama sa tag na hyperlink anchor (a) na walang pag-aalis ng border o kapag naka-enclosed sa isang frame, ito ay magiging magiging mahirap na tingnan. At ang ibang nilalaman ay magpapakita sa paligid ng hugis na border ng image, hindi malapit sa hindi opak na border ng image. Ang resulta ay hindi kinakailangan na ihiwalay ang image o gumawa ng dekadenteng web page.

Animation

Ang ikatlong katangian ng format na GIF89a ay ang pagiging posible ng simpleng pag-anim ng bawat frame. Sa pamamagitan ng paggamit ng espesyal na tool para sa animasyon ng GIF, maaring ilagay ang isang serye ng GIF image sa isang solong file na GIF89a. Ang browser ay magpapakita ng bawat image sa loob ng file, tulad ng mga maliit na libro na aming sinasakay na may mabilis na pagflip ng pahina upang gumawa ng animasyon, kahit na aming sinikap na gumuhit. Sa loob ng file na GIF, mayroong espesyal na bahagi ng kontrol sa pagitan ng bawat image, na maaaring gamitin upang itakda ang bilang ng beses na ipapakita ng browser ang buong serye (循环), ang oras ng pagpahinga sa pagitan ng bawat dalawang image, at kung dapat buhaying ang espasyo ng image bago ipakita ang susunod na image, at iba pa. Sa pamamagitan ng pagkakasama ng mga katangian na karaniwang mayroon sa GIF (kasama ang magkakahiwalay na color table, transparency, interlaced scanning, at iba pa), maaaring lumikha ng kaakit-akit at napakahusay na image.

The powerful effect of simple GIF animations is also due to another important reason: animation effects can be obtained without writing programs specifically for HTML documents. But it also has a very big flaw, that is, it is limited to very small graphics like icons, or graphics that occupy only a narrow strip in the browser window: even if you are very careful not to repeat the static part in continuous animation units, GIF animations are very easy to become very large. Therefore, if the document contains multiple animations, the delay in downloading these images may be very disliked by users. If there is any feature that deserves our careful attention and not be misused, it is GIF animation.

Summary

The powerful effect of simple GIF animations is also due to another important reason: animation effects can be obtained without writing programs specifically for HTML documents. But it also has a very big flaw, that is, it is limited to very small graphics like icons, or graphics that occupy only a narrow strip in the browser window: even if you are very careful not to repeat the static part in continuous animation units, GIF animations are very easy to become very large. Therefore, if the document contains multiple animations, the delay in downloading these images may be very disliked by users. If there is any feature that deserves our careful attention and not be misused, it is GIF animation.