Kursy Multimedii - Obrazy GIF

GIF jest jednym z głównych formatów obrazów używanych w sieci.

Artykuł ten szczegółowo wyjaśnia cechy i techniki użycia obrazów GIF.

Rozumienie formatów obrazów

Nie ma oficjalnego formatu obrazów określonego przez HTML ani XHTML. Jednak popularne przeglądarki określają pewne formaty obrazów: zazwyczaj to GIF i JPEG. Inne formaty multimedialne wymagają specjalnych aplikacji pomocniczych, użytkownicy przeglądarek muszą je uzyskać, zainstalować i poprawnie obsługiwać, aby móc widzieć lub słuchać tych specjalnych plików. Dlatego GIF i JPEG stały się standardami na sieci nie jest to zaskakujące.

Przed pojawieniem się sieci te dwa formaty obrazów były szeroko stosowane, więc istniała duża liczba oprogramowania wspierającego tworzenie obrazów w tych formatach. Jednak każdy z tych formatów ma swoje zalety i wady, a niektóre przeglądarki wykorzystują ich cechy do osiągnięcia specjalnych efektów wyświetlania.

GIF

Format GIF to Format Wymiany Obrazów (Graphics Interchange Format, GIF), który został opracowany przez CompuServe na potrzeby użytkowników jego usługi online do przesyłania obrazów.

Cechy formatu GIF

Format GIF ma wiele cech, więc jest bardzo popularny w HTML / XHTML.

Jego technologia kodowania jest dostępna na wielu platformach. Dlatego, poprzez odpowiednie oprogramowanie do dekodowania GIF (większość przeglądarek zawiera takie oprogramowanie), można tworzyć i komponować obrazy plików GIF na Macintoshu, a bez trudu ładować, dekodować i wyświetlać je na komputerach z systemem Windows.

Drugi cech GIF formatu to specjalna technologia kompresji, która znacznie zmniejsza rozmiar plików obrazu, co pozwala na szybszy transfer w sieci. Kompresja GIF jest 'bezkompresyjna', co oznacza, że oryginalne dane obrazu nie ulegają zmianie ani utracie, więc po dekompresji i dekodowaniu obraz jest identyczny jak pierwotny.

Dodatkowo, obrazy GIF są bardzo łatwe do animowania.

Wersje i kolory formatu GIF

Choć pliki GIF mają rozszerzenie .gif (lub .GIF), w rzeczywistości istnieją dwie wersje GIF: oryginalny GIF87 i GIF89a, który obsługuje wiele nowych funkcji, w tym przezroczyste tło, przechowywanie krzyżowe i animację, które są bardzo powszechne w użyciu twórców sieciowych.

Obecnie popularne przeglądarki obsługują te dwa formaty GIF, które są mapowane na jedną tabelę kolorów za pomocą tego samego schematu, co pozwala na maksymalnie 256 kolorów na obraz.

W rzeczywistości liczba kolorów w większości obrazów GIF jest mniejsza, a specjalne narzędzia (np. Macromedia Fireworks) mogą upraszczać te kolory w bardziej szczegółowych obrazach. Dzięki upraszczaniu kolorów można tworzyć mniejsze obrazy kolorów i wzmacniać nadmiar pixeli, co pozwala na większą kompresję pliku i szybsze pobieranie.

Jednak ze względu na ograniczoną liczbę kolorów, obrazy kodowane w formacie GIF nie są zawsze odpowiednie, zwłaszcza dla obrazów o realistycznym efekcie podobnym do zdjęcia. GIF można używać do tworzenia bardzo ładnych ikon i obrazów z małą ilością kolorów oraz obrazów.

Nawet najbardziej wybredni twórcy wybierają GIF

Ponieważ większość przeglądarek graficznych wyraźnie obsługuje format GIF, jest to obecnie najbardziej akceptowany format kodowania obrazów w sieci. Wewnętrzne obrazy i obrazy z linków zewnętrznych mogą być używane w tym formacie. Jeśli wahasz się w wyborze formatu obrazu, użycie GIF to zdecydowanie dobry wybór. Jest on prawie zawsze używany w każdym przypadku.

Techniki obrazów GIF

Obrazy GIF mają trzy specjalne techniki: skanowanie wstrzęsne (interlacing), przezroczystość (transparency) i animacja (animation).

Skanowanie wstrzęsne

Przez skanowanie wstrzęsne, obraz GIF może natychmiast się pojawić na ekranie, zamiast być wyświetlany stopniowo od góry do dołu. W większości przypadków, obrazy kodowane w formacie GIF są sekwencją danych pixeli, które są ułożone wierszami od góry do dołu, kolejno. Dlatego, zwykłe obrazy GIF na ekranie wyświetlają się jakby nagle rozchylono żaluzje, podczas gdy obrazy GIF z funkcją skanowania wstrzęsne wyświetlają się jakby zwijano żaluzje. To dlatego, że sekwencja danych pixeli jest krzyżowana co 4 wiersze. Użytkownik musi poświęcić czwartą część czasu na pobranie i wyświetlenie całego obrazu, aby zobaczyć bardzo kompletny obraz od góry do dołu, chociaż jest on dość rozmyty. Taki obraz, który został ukończony tylko w czwartym momencie, jest już wystarczająco wyraźny, aby użytkownicy z wolnym połączeniem internetowym mogli ocenić, czy warto spędzić czas na pobraniu reszty obrazu.

Choć wszystkie przeglądarki graficzne mogą wyświetlać obrazy skanowane przez rzędy, nie wszystkie mogą wyświetlać ich stopniowe wyraźniejsze efekty. Nawet te, które mogą to zrobić, użytkownik może wyłączyć ten efekt, wybierając wyświetlenie obrazu po pełnym pobraniu i dekodowaniu. Starsze przeglądarki zawsze wyświetlają obraz po pełnym pobraniu i dekodowaniu, więc w ogóle nie wspierają tego efektu.

Przezroczystość

Innym popularnym efektem obrazów GIF (w rzeczywistości obrazów w formacie GIF89a) jest możliwość uczynienia jednej części obrazu przezroczystą, tak że zawartość poniżej tego obrazu (zwykle tło okna przeglądarki) może być wyświetlona przez przezroczystą część. Przezroczyste obrazy GIF mają specjalny kolor w ich mapie kolorów jako kolor tła, co pozwala na wyświetlenie tła okna. Dzięki starannemu przycinaniu rozmiaru obrazu i wybór koloru tła zbliżonego do czystej barwy, przezroczyste obrazy mogą być stworzone, aby wyglądały jak całkowicie wkomponowane w stronę internetową lub unoszące się nad nią.

Przezroczyste obrazy GIF są odpowiednie dla każdej grafiki, która ma być włączone do dokumentu, ale nie wyglądać jak kwadrat. Przezroczyste logo są bardzo powszechne, takie jak przezroczyste ikony lub znaki drukowane - każdy obraz o dowolnym naturalnym kształcie można użyć tego efektu. Można również wstawić przezroczyste obrazy wewnętrzne w tradycyjnym tekście, aby wyświetlić specjalne znaki symboli.

Niestety, efekt przezroczystości w obrazach GIF ma wadę, że jeśli umieści się go w tagu a-kierunkowym (np. <a>) bez usunięcia jego ramki, lub jeśli go specjalnie otoczono ramką, wygląda to bardzo źle. Ponadto inne treści są wyświetlane wokół prostokątnego obramowania obrazu, a nie wokół przezroczystego obramowania obrazu. W rezultacie obraz jest niepotrzebnie izolowany, lub strona wygląda bardzo dziwnie.

Animacja

Trzeci unikalny aspekt formatu obrazów GIF89a to możliwość realizacji prostych animacji klatkowych. Dzięki użyciu specjalnych narzędzi do animacji GIF, można umieścić serię obrazów GIF w jednym pliku GIF89a. Przeglądarka pokazuje kolejno każde obrazu w pliku, jak te małe książeczki, które kiedyś grałyśmy (i nawet rysowałyśmy) przez szybkie przewijanie stron, aby uzyskać efekt animacji. W pliku GIF, między każdym obrazem znajduje się specjalna część kontrolna, która może być używana do ustawienia liczby razy, ile przeglądarka pokazuje całą sekwencję (powtarzanie), czasu przerwy między dwoma obrazami, czy czy usunięcie przestrzeni obrazu z tła przed wyświetleniem następnego obrazu, itp. Połączenie tych cech z tymi, które mają zwykle GIF-y (w tym osobny wykres kolorów, przezroczystość, skanowanie przez rzędy itp.), można stworzyć bardzo atrakcyjne i precyzyjne obrazy.

Proste animacje GIF mają potężny efekt z jeszcze jednego ważnego powodu: nie ma potrzeby pisania programu specjalnie dla dokumentu HTML, aby uzyskać efekt animacji. Ale ma także bardzo poważną wadę, tj. jest ograniczona do bardzo małych grafik, lub do bardzo wąskiego paska graficznego w oknie przeglądarki: nawet jeśli bardzo ostrożnie nie powtarzasz statycznych części w ciągłych jednostkach animacyjnych, animacje GIF są bardzo łatwe do zmiany na duże. W ten sposób, jeśli dokument zawiera wiele animacji, opóźnienie w pobieraniu tych obrazów może bardzo niepokoić użytkowników. Jeśli jest coś, co warto traktować bardzo ostrożnie, aby nie było nadużywane, to animacje GIF.

Podsumowanie

Proste animacje GIF mają potężny efekt z jeszcze jednego ważnego powodu: nie ma potrzeby pisania programu specjalnie dla dokumentu HTML, aby uzyskać efekt animacji. Ale ma także bardzo poważną wadę, tj. jest ograniczona do bardzo małych grafik, lub do bardzo wąskiego paska graficznego w oknie przeglądarki: nawet jeśli bardzo ostrożnie nie powtarzasz statycznych części w ciągłych jednostkach animacyjnych, animacje GIF są bardzo łatwe do zmiany na duże. W ten sposób, jeśli dokument zawiera wiele animacji, opóźnienie w pobieraniu tych obrazów może bardzo niepokoić użytkowników. Jeśli jest coś, co warto traktować bardzo ostrożnie, aby nie było nadużywane, to animacje GIF.