Ãëàâíàÿ

Ñòàòüè

Ïðîãðàììû

Ñêðèïòû

Ôîí.èçîáðàæåíèÿ

Êàðòèíêè

Ïîëåçíûå ññûëêè

Âàøè ññûëêè

Ðàáîòû

Ñäåëàòü çàêàç


Ðèñóíêè

Îá àâòîðå

Ôîòîãàëåðåÿ

Ñèñòåìà ëèäåðîâ


Ôîðóì

Ãîñòè


Rambler's Top100
Àíèìèðîâàííûå êàðòèíêè

Êàæäûé èç ïîëüçîâàòåëåé Èíòåðíåò óæå âïîëíå ïðèâû÷íî âîñïðèíèìàåò ïîÿâëÿþùèåñÿ ïî÷òè íà êàæäîé ñòðàíèöå êàðòèíêè-ìóëüòôèëüìû, òàê íàçûâàåìûå äèíàìè÷åñêèå, èëè àíèìàöèîííûå (animated) GIFû. ×àùå âñåãî èìåííî òàêèìè ÿâëÿþòñÿ ðåêëàìíûå áàííåðû. Îíî è ïîíÿòíî - âî-ïåðâûõ, ìóëüòèïëèêàöèÿ ïðèâëåêàåò ãîðàçäî áîëüøå âíèìàíèÿ, ÷åì ñòàòè÷åñêàÿ êàðòèíêà, âî-âòîðûõ, íà íåáîëüøîé ïëîùàäè ìîæíî óìåñòèòü ãîðàçäî áîëüøå èíôîðìàöèè çà ñ÷åò ÷åðåäóþùèõñÿ êàäðîâ. Íî ýòè æå ñâîéñòâà ìîãóò îêàçàòüñÿ âåñüìà ïîëåçíûìè ëþáîìó âåáìàñòåðó, êîòîðûé ñòðåìèòñÿ ñäåëàòü ñâîé ñàéò áîëåå ïðèâëåêàòåëüíûì. Ïîýòîìó Âàøåìó âíèìàíèþ è ïðåäëàãàåòñÿ äàííàÿ ñòàòüÿ, êîòîðàÿ ðàññìàòðèâàåò âîïðîñû ñîçäàíèÿ è èñïîëüçîâàíèÿ òàêèõ êàðòèíîê.

×òî òàêîå animated GIF?

Äèíàìè÷åñêèé GIF ìîæíî îïðåäåëèòü, êàê ñòàíäàðò ãðàôè÷åñêîãî ôàéëà, ïîçâîëÿþùèé ðàçìåùàòü â îäíîì ôàéëå íåñêîëüêî èçîáðàæåíèé, äëÿ èõ ïîñëåäîâàòåëüíîãî âûâîäà íà ýêðàí ñ öåëüþ ñîçäàíèÿ ýôôåêòà ìóëüòèïëèêàöèè. Ïåðâûì òàêèì ñòàíäàðòîì ÿâèëñÿ GIF87a, êîòîðûé ïðåäóñìàòðèâàë ñëåäóþùèå âîçìîæíîñòè GIF-ôàéëà:

  1. ×åðåäîâàíèå (interlacing). Âíà÷àëå çàãðóæàåòñÿ òîëüêî "îñòîâ" èçîáðàæåíèÿ, ïîòîì, ïî ìåðå çàãðóçêè, îíî äåòàëèçèðóåòñÿ. Ýòî ïîçâîëÿåò íà ìåäëåííûõ ëèíèÿõ íå ãðóçèòü âåñü ãðàôè÷åñêèé ôàéë öåëèêîì äëÿ òîãî, ÷òîáû ïîëó÷èòü î íåì ïðåäñòàâëåíèå.
  2. Ñæàòèå (compression) ïî àëãîðèòìó LZW. Ýòà ÷åðòà GIF-ôàéëîâ äåðæèò èõ â ëèäåðàõ ïî íàèìåíüøåìó îáúåìó ôàéëà.
  3. Íåñêîëüêî èçîáðàæåíèé â îäíîì ôàéëå.
  4. Ðàñïîëîæåíèå êàðòèíêè íà ëîãè÷åñêîì ýêðàíå. Òî åñòü, ôîðìàò ïîçâîëÿë îïðåäåëèòü ëîãè÷åñêóþ ýêðàííóþ îáëàñòü äëÿ âûâîäà èçîáðàæåíèé, è ïîìåùàòü êàðòèíêè â ïðîèçâîëüíîì ìåñòå ýòîé îáëàñòè.

 äàëüíåéøåì, ýòîò ñòàíäàðò áûë ðàøèðåí ñïåöèôèêàöèåé GIF89a, êîòîðàÿ äîáàâèëà ñëåäóþùèå âîçìîæíîñòè:

  1. Âêëþ÷åíèå â ãðàôè÷åñêèé ôàéë êîììåíòàðèåâ (íå îòîáðàæàþòñÿ íà ýêðàíå, íî ìîãóò áûòü ïðî÷èòàíû ïðîãðàììîé, ïîääåðæèâàþùåé GIF89a).
  2. Óïðàâëåíèå çàäåðæêîé ïåðåä ñìåíîé êàäðîâ (çàäàåòñÿ â 1/100 ñåêóíäû, èëè îæèäàíèå ââîäà ïîëüçîâàòåëÿ).
  3. Óïðàâëåíèå óäàëåíèåì ïðåäûäóùåãî èçîáðàæåíèÿ. Ïðåäûäóùåå èçîáðàæåíèå ìîæåò áûòü îñòàâëåíî, çàìåíåíî íà öâåò ôîíà èëè íà òî, ÷òî áûëî ïåðåä íèì.
  4. Îïðåäåëåíèå ïðîçðà÷íîãî öâåòà.
  5. Âûâîä òåêñòà.
  6. Ñîçäàíèå óïðàâëÿþùèõ áëîêîâ ïðèêëàäíûìè ïðîãðàììàìè (application-specific extensions). Âíóòðè GIF-ôàéëà âû ìîæåòå ñîçäàòü áëîê, êîòîðûé áóäåò èãíîðèðîâàòüñÿ âñåìè ïðîãðàììàìè, êðîìå òîé, äëÿ êîòîðîé îí ïðåäíàçíà÷åí.

Êàê âèäíî, ñòàíäàðò GIF89a - âåñüìà ìîùíûé èíñòðóìåíò äëÿ ñîçäàíèÿ àíèìàöèé è èõ ïðèìåíåíèÿ â WWW, îäíàêî íåîáõîäèìî ó÷èòûâàòü òîò ôàêò, ÷òî åñëè íåêîòîðûå ñïåöèàëüíûå ãðàôè÷åñêèå ïðîãðàììû è ïîääåðæèâàþò ýòîò ñòàíäàðò â ïîëíîì îáúåìå, òî ýòî íå îòíîñèòñÿ ê íàèáîëåå ðàïðîñòðàíåííûì áðàóçåðàì, ïîýòîìó äëÿ ïðèìåíåíèÿ äèíàìè÷åñêèõ GIFîâ äëÿ WWW ëó÷øå îðèåíòèðîâàòüñÿ íå íà ñàì ñòàíäàðò, à íà âîçìîæíîñòè áðàóçåðîâ ïî åãî ïîääåðæêå.

 

äàëåå...

Îñòàâèòü ìíåíèå î ìàòåðèàëå â Ôîðóìå

Èñòðàòîâ Âàäèì
Ïëîòêèí Ìàêñ
2001, v.3.0