Formaty graficzne przy projektowaniu stron

Obecnie 99% witryn w internecie zawiera grafikę. Grafika ma szeroki wpływ na „wagę strony”, często na stronach widzę grafikę która waży sporo, a tak być nie musi… Najpopularniejsze formaty plików graficznych używanych przy projektowaniu stron to:



- Graphics Interchange Format (GIF),

- Joint Photographic (JPEG/JPG),

- Portable Network Graphics (PNG).

W tym artykule postaram się opisać GIF z ang. Graphics Interchange Format, który jest jest dość często stosowany podczas tworzenia witryny.

Format GIF służy głównie do zapisywania ikon, komiksów, logo i innych podobnych

rysunków. Obsługuje 256 kolorów i przez pewien czas był najpopularniejszym formatem

do zapisywania obrazów. Zmieniło się to w wyniku ujawnienia, że używany w nim algorytm

kompresji danych, LZW (nazwany tak od inicjałów nazwisk trzech jego współtwórców

— Lempela, Ziva i Welcha, którzy wymyślili go w 1984 roku), jest opatentowany przez

firmę Unisys i chroniony prawem autorskim. Format ten wciąż jest jednak obsługiwany

przez niemal wszystkie współczesne przeglądarki.

Są dwie wersje plików GIF:

- GIF 87 to podstawowa, pierwotna wersja opracowana przez grupę inżynierów

z różnych firm zajmujących się rozwojem oprogramowania. Jej rozwijanie

sponsorowała firma CompuServe.

- GIF 89a to wersja z obsługą przezroczystości, animacji i techniki przeplotu.

Przeplot polega na wczytywaniu serii przeplatających się linii obrazu. Powoduje to

zwiększanie jakości grafiki w wyniku kilku odświeżeń, a efektem końcowym jest wyświetlenie

ostrego rysunku w pełnej rozdzielczości.

Obrazy GIF bez przeplotu są wyświetlane od razu w pełnej rozdzielczości po jednym

wierszu od góry ekranu do momentu wczytania całego rysunku. Każdy wiersz jest wyraźny,

jednak wyświetlenie całego obrazu zajmuje sporo czasu.

Oba sposoby wczytywania plików graficznych mogą być czasochłonne, a zależy to od

jakości połączenia. Zaletą obrazów GIF z przeplotem jest to, że umożliwiają szybki podgląd

całej grafiki. Pozwala to odbiorcy ustalić, czy chce czekać na wczytanie pozostałych

danych, czy woli pominąć obraz. Inny sposób na przyspieszenie podejmowania decyzji to użycie obrazów w niskiej rozdzielczości, co skraca wczytywanie strony. Jeśli zawiera ona bardzo duży i długo wczytywany rysunek, warto przemyśleć dodanie jego wersji w niższej rozdzielczości, czyli kopii niskiej jakości. Na przykład zamiast kolorowego rysunku można użyć wersji czarno-białej albo w skali szarości. Z uwagi na mniejszy rozmiar plików o niskiej rozdzielczości czas ich pobierania jest dużo krótszy.