Pobieranie prezentacji. Proszę czekać

Pobieranie prezentacji. Proszę czekać

Popularne formaty grafiki

Podobne prezentacje


Prezentacja na temat: "Popularne formaty grafiki"— Zapis prezentacji:

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

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 BMP (BitMap Picture) Maksymalna liczba kolorów: (24-bit = 10^24) Paleta barw: R - Red G - Green B - Blue

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 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

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

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

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 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 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 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 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 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 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 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 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 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 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 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 Linie poziome – 33 KB (PNG – 25 KB) Linie pionowe – 45 KB

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 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 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 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 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 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 PNG (Portable Network Graphics)
ANIMACJA Format PNG nie obsługuje animacji

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 Linie poziome – 33 KB (PNG – 25 KB) Linie pionowe – 45 KB

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 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 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) Linie poziome – 33 KB (PNG – 25 KB) Linie pionowe – 45 KB

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 JPEG (Joint Photographic Experts Group)
ANIMACJA Format JPEG nie obsługuje animacji Linie poziome – 33 KB (PNG – 25 KB) Linie pionowe – 45 KB

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 Linie poziome – 33 KB (PNG – 25 KB) Linie pionowe – 45 KB

34 JPEG (Joint Photographic Experts Group)
KOMPRESJA Standard JPEG pozwala na stosowanie różnych algorytmów kompresji System bazowy wykorzystuje dyskretną transformację kosinusową Linie poziome – 33 KB (PNG – 25 KB) Linie pionowe – 45 KB

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 ZESTAWIENIE BMP GIF PNG JPEG Opcje Liczba kolorów (bity)
24 8 48 Przezroczystość NIE TAK (jest-nie ma dla kolorów) (256 stopni dla każdego piksela) Przeplot/ Progresja NIE/NIE TAK/NIE TAK/TAK NIE/TAK Animacja Kompresja (z małym wyjątkiem) (bezstratna, LZW) (bezstratna, LZ77) (stratna) Rozmiar pliku BARDZO DUŻY ŚREDNI MAŁY BARDZO MAŁY Zastosowanie Zdjęcia do dalszej obróbki Ozdobniki graficzne, przyciski, bannery Ozdobniki graficzne, przyciski Zdjęcia do prezentacji w Internecie

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 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 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 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 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 "Popularne formaty grafiki"

Podobne prezentacje


Reklamy Google