Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

1 Popularne formaty grafiki Charakterystyka i możliwości zastosowania w dokumentach WWW © Adam Czarnecki 2002.

Podobne prezentacje


Prezentacja na temat: "1 Popularne formaty grafiki Charakterystyka i możliwości zastosowania w dokumentach WWW © Adam Czarnecki 2002."— Zapis prezentacji:

1 1 Popularne formaty grafiki Charakterystyka i możliwości zastosowania w dokumentach WWW © Adam Czarnecki 2002

2 2 BMP (BitMap Picture) BITMAPA - obraz w grafice rastrowej, w którym zakodowana jest wartość (kolor) każdego piksela Format opracowany pierwotnie dla systemu OS/2 (IBM), obecnie podstawowy format systemów Windows (Microsoft) Rozszerzenie *.bmp

3 3 BMP (BitMap Picture) Maksymalna liczba kolorów: (24-bit = 10^24) Paleta barw: R - Red G - Green B - Blue

4 4 BMP (BitMap Picture) KOMPRESJA: Z reguły nie stosuje się Obrazy 4- i 8-bitowe można kompresować metodą RLE (Run Length Encoding)

5 5 BMP (BitMap Picture) STRUKTURA PLIKU: Nagłówek (54 bajty) Opcjonalnie – paleta typu RGB (768 bajtów) Dane obrazowe (po 3 bajty na piksel) – linie zapisywane od dołu do góry Na- główek Paleta (opcja) Właściwy obraz

6 6 BMP (BitMap Picture) ZALETY: Duża paleta barw WADY: Duży rozmiar plików Długi czas ładowania Brak przezroczystości Brak animacji Wyświetlanie od dołu

7 7 GIF (Graphics Interchange Format) Format stworzony w 1987 roku (GIF87a) Pozwala na kompresję obrazu Licencjonowany przez firmę CompuServe INC r. – powstaje GIF89a, który pozwala na zapis przezroczystości, przeplotu i animacji Rozszerzenie *.gif

8 8 GIF (Graphics Interchange Format) Maksymalna liczba kolorów – 256 (8-bit) Palety barw przy konwersji z RGB: Dokładna Bezpieczna WWW Systemowa Adaptacyjna Inna (użytkownika)

9 9 GIF (Graphics Interchange Format) PALETA DOKŁADNA Daje paletę skonwertowaną w oparciu o barwy identyczne z występującymi w obrazie i należące do modelu RGB Dla ilustracji <= 256 kolorów

10 10 GIF (Graphics Interchange Format) PALETA BEZPIECZNA WWW Opiera się na 216 barwach indeksowanej palety kolorów Zapewnia jednakowe wyświetlanie w dowolnym systemie i przeglądarce

11 11 GIF (Graphics Interchange Format) PALETA SYSTEMOWA (Windows lub Mac OS) Do jej tworzenia stosuje się 8-bitową tabelę kolorów opartą na ujednoliconych próbkach kolorów RGB wykorzystywaną przez każdy z systemów operacyjnych

12 12 GIF (Graphics Interchange Format) PALETA ADAPTACYJNA Tworzy paletę barw na podstawie próbkowania kolorów najczęściej występujących w obrazie Pozwala na zredukowanie liczby kolorów z zachowaniem spektrum kolorystycznego ilustracji

13 13 GIF (Graphics Interchange Format) ROZTRZĄSANIE (ang. DITHERING) Uzyskiwanie barw występujących w obrazie, ale niedostępnych dla środowiska operacyjnego Oparta na złudzeniu optycznym

14 14 GIF (Graphics Interchange Format) ROZTRZĄSANIE (ang. DITHERING) Zalecane dla obrazów o małej liczbie kolorów i zawierających przejścia tonalne Niewskazane dla obszarów o jednolitym kolorze

15 15 GIF (Graphics Interchange Format) ROZTRZĄSANIE WZORKOWE (ang. PATTERN DITHERING) Tworzenie na ekranie wzorku półtonowych kwadracików symulujących barwy spoza tabeli kolorów

16 16 GIF (Graphics Interchange Format) PRZEZROCZYSTOŚĆ (ang. TRANSPARENCY) Ustawienie jednego lub kilku kolorów jako niewidocznego tła Brak regulacji stopnia przezroczystości Pozwala na efektowne nakładanie na siebie obiektów graficznych

17 17 GIF (Graphics Interchange Format) PRZEPLOT (ang. INTERLACE) Wyświetlanie co n- tej linii podczas ładowania obrazu Kolejne przejście dokłada następne linie Mózg ludzki uzupełnia brakujące linie

18 18 GIF (Graphics Interchange Format) ANIMACJA GIF umożliwia wyświetlanie kolejno wielu obrazów tworzących animację Regulacji podlega czas wyświetlania każdego obrazka składowego

19 19 GIF (Graphics Interchange Format) KOMPRESJA Bezstratna - patent LZW (Lempel, Ziv, Welch) Jeżeli w wierszu sąsiaduje kilka pikseli tego samego koloru, zapisywana jest informacja o kolorze i ilości pikseli

20 20 GIF (Graphics Interchange Format) ZALETY: Stosunkowo mała objętość dzięki bezstratnej kompresji Przezroczystość (ale tylko JEST/NIE MA) Animacja Przeplot Możliwość optymalizacji palety kolorów WADY: Tylko 256 kolorów Ryzyko niewłaściwego wyświetlania w niektórych przeglądarkach i systemach Licencja na format i kompresję

21 21 PNG (Portable Network Graphics) Odpowiedź na egzekwowanie swoich praw związanych z GIF-em przez CompuServe INC. Autor: zespół IETF kierowany przez Thomasa Boutella Założenie – format bezpłatny i usuwający ograniczenia GIF-a Rozszerzenie *.png

22 22 PNG (Portable Network Graphics) Paleta kolorów – TrueColor (48-bit) Dla odcieni szarości – 16-bit (informacja o jasności) Obsługa korekcji gamma

23 23 PNG (Portable Network Graphics) PRZEZRO- CZYSTOŚĆ (ang. TRANSPARENCY) Współczynnik przezroczystości (ang. alpha channel) pozwala określić stopień przezroczystości każdego piksela (256 stopni)

24 24 PNG (Portable Network Graphics) PRZEPLOT (ang. INTERLACE) Plik z przeplotem jest nieco większy Pierwszy obraz pojawia się 8x szybciej niż przy GIF-ie (kosztem jego jakości) Tekst zapisany w PNG staje się czytelny ok. 2x szybciej niż w GIF-ie

25 25 PNG (Portable Network Graphics) WYŚWIETLANIE SEKWENCYJNE (PROGRESYWNE) Wpierw wyświetlane są kontury, a potem dochodzą kolejne szczegóły Obraz zapisany progresywnie jest nieco większy

26 26 PNG (Portable Network Graphics) ANIMACJA Format PNG nie obsługuje animacji

27 27 PNG (Portable Network Graphics) KOMPRESJA Jedyny popularny format obsługujący bezstratną 24- bitową kompresję Algorytm słownikowy LZ77 oraz statystyczne lub adaptacyjne kodowanie Huffmana

28 28 PNG (Portable Network Graphics) ZALETY: Paleta TrueColor Bezstratna kompresja o lepszym algorytmie niż GIF Przezroczystość o regulowanym stopniu Przeplot i ładowanie sekwencyjne Brak opłat licencyjnych WADY: Brak animacji Nie obsługiwany przez starsze przeglądarki

29 29 JPEG (Joint Photographic Experts Group) Zbiór standardów opracowany przez ISO/IEC JTC1 SC29 Working Group 1 Najbardziej rozpowszechniony: IS (ITU-T T.81) Znany przede wszystkim z powodu bardzo dobrej kompresji Rozszerzenie *.jpg

30 30 JPEG (Joint Photographic Experts Group) Paleta barw – TrueColor (24-bit) Rodzaje palet RGB CMYK (Cyan Magenta Yellow blacK) Nie obsługuje przezroczystości (brak kanału alfa)

31 31 JPEG (Joint Photographic Experts Group) WYŚWIETLANIE SEKWENCYJNE (PROGRESYWNE) Wpierw wyświetlane są kontury, a potem dochodzą kolejne szczegóły Obraz zapisany progresywnie jest nieco większy

32 32 JPEG (Joint Photographic Experts Group) ANIMACJA Format JPEG nie obsługuje animacji

33 33 JPEG (Joint Photographic Experts Group) KOMPRESJA Stratna – przy zapisie tracona jest część informacji Przy małym współczynniku kompresji (do 20) strata jakości niezauważalna Przy większym – widoczne kwadratowe pola i zaburzenia wokół konturów

34 34 JPEG (Joint Photographic Experts Group) KOMPRESJA Standard JPEG pozwala na stosowanie różnych algorytmów kompresji System bazowy wykorzystuje dyskretną transformację kosinusową

35 35 JPEG (Joint Photographic Experts Group) ZALETY: Paleta TrueColor Kompresja znacznie zmniejszająca rozmiar pliku Progresja – wczytywanie szczegółów w kolejnych przejściach WADY: Strata jakości podczas kompresji Brak animacji Brak przezroczystości

36 36 ZESTAWIENIE Opcje BMPGIFPNGJPEG Liczba kolorów (bity) Przezroczystość NIE TAK (jest-nie ma dla kolorów) TAK (256 stopni dla każdego piksela) NIE Przeplot/ Progresja NIE/NIETAK/NIETAK/TAKNIE/TAK Animacja NIETAKNIE Kompresja NIE (z małym wyjątkiem) TAK (bezstratna, LZW) TAK (bezstratna, LZ77) TAK (stratna) Rozmiar pliku BARDZO DUŻYŚREDNIMAŁYBARDZO MAŁY Zastosowanie Zdjęcia do dalszej obróbki Ozdobniki graficzne, przyciski, bannery Ozdobniki graficzne, przyciski Zdjęcia do prezentacji w Internecie

37 37 DjVu Format powstały w 1999 Stanowi ogromną konkurencję dla GIF-a i JPEG-a, gdyż jego kompresja nierzadko przewyższa wspomniane formaty a przy tym umożliwia zapis obrazu bez utraty jakości. Wykorzystuje kompresję wavelet - jedną z najbardziej zaawansowanych na świecie. Niestety jak to zwykle bywa, "jeśli coś jest dobre to wymaga pluginu", którego wielkość przekracza 2 MB.

38 38 LWF Daje lepsze efekty od JPEG, jednak wymaga ściągnięcia odpowiedniego pluginu. Jest bardziej popularny od wcześniej wspomnianego DjVu, stąd ma większe szansę podbić sieć.

39 39 SVG Nie posiada on algorytmów kompresujących Jest formatem wektorowym Oparty jest na języku XML, stąd jego treść stanowią linijki kodu podobnie jak w HTML-u Stanowi konkurencję przede wszystkim dla formatu GIF. Do przeglądania plików *.svg potrzebny jest plugin (np. Adobe SVG Viewer) Tekst zagnieżdżony w pliku *.svg daje się kopiować tak jak zwykły tekst w dokumencie HTML, może on też być katalogowany i wyszukiwany przez wyszukiwarki Pliki *.svg można tworzyć za pomocą zwykłego edytora tekstu bądź przy pomocy najnowszych wersji pakietów Corel Draw i Adobe Ilustrator z odpowiednimi pluginami

40 40 FLASH Format firmy Macromedia Wektorowe pliki graficzne *.swf zapewniają wysoką jakość obrazów, możliwość wprowadzenia interaktywności Kilkuminutowy, interaktywny, udźwiękowiony, film *.swf zajmuje zaledwie kilkaset kilobajtów Duża popularność tego formatu w Sieci

41 41 LITERATURA Adi, Formaty plików graficznych, Gawenda M. (oprac.), Formaty graficzne a fotografie na stronach www, Imieliński P., W warsztacie dekoracyjnym witryn w: Chip 11/2000, s Imieliński P., Magiczny format GIF w: Chip 12/2000, s Michalczyk J. (oprac.), GIF od środka w: Chip 7/1997, s Reda T., Formaty graficzne a optymalizacja grafiki dla WWW, Tomza R., Formaty zapisu grafiki, Winkler B., Multimedialna dieta w: Enter 2/2001, s Witczak Ł., Grafika dla Internetu,


Pobierz ppt "1 Popularne formaty grafiki Charakterystyka i możliwości zastosowania w dokumentach WWW © Adam Czarnecki 2002."

Podobne prezentacje


Reklamy Google