Cała prawda o plikach grafiki rastrowej



Podobne dokumenty
Rozszerzenia plików graficznych do publkacji internetowych- Kasia Ząbek kl. 2dT

FORMATY PLIKÓW GRAFICZNYCH

Grafika na stronie www

Kompresja obrazów i formaty plików graficznych

Obróbka grafiki cyfrowej

dr hab. inż. Lidia Jackowska-Strumiłło, prof. PŁ Instytut Informatyki Stosowanej, PŁ

Grafika Komputerowa Wykład 1. Wstęp do grafiki komputerowej Obraz rastrowy i wektorowy. mgr inż. Michał Chwesiuk 1/22

INFORMATYKA WSTĘP DO GRAFIKI RASTROWEJ

Formaty plików graficznych

Kompresja Stratna i Bezstratna Przegląd Najważniejszych Formatów Graficznych

Formaty plików graficznych

Wykorzystanie grafiki wektorowej do tworzenia elementów graficznych stron i prezentacji

Formaty plików graficznych

GRAFIKA RASTROWA. WYKŁAD 2 Oprogramowanie i formaty plików. Jacek Wiślicki Katedra Informatyki Stosowanej

Grafika rastrowa i wektorowa

Warstwa Rysunek bitmapowy Rysunek wektorowy

GRAFIKA. Rodzaje grafiki i odpowiadające im edytory

Sposoby cyfrowego zapisywania obrazów

GRAFIKA RASTROWA. WYKŁAD 1 Wprowadzenie do grafiki rastrowej. Jacek Wiślicki Katedra Informatyki Stosowanej

Księgarnia internetowa Lubię to!» Nasza społeczność

Kompresja bezstratna

Grafika rastrowa (bitmapa)-

Klasyfikacja metod kompresji

Klasyfikacja metod kompresji

Grafika. Formaty zapisu obrazu cyfrowego

1 LEKCJA. Definicja grafiki. Główne działy grafiki komputerowej. Programy graficzne: Grafika rastrowa. Grafika wektorowa. Grafika trójwymiarowa

Technologie cyfrowe semestr letni 2018/2019

Przedmiot: Grafika komputerowa i projektowanie stron WWW

Grafika komputerowa. mgr inż. Remigiusz Pokrzywiński

dr inż. Piotr Odya dr inż. Piotr Suchomski

EDYCJA TEKSTU MS WORDPAD

Wykład III: Kompresja danych. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Grafika komputerowa dziedzina informatyki zajmująca się wykorzystaniem technik komputerowych do celów wizualizacji artystycznej oraz wizualizacji i

Podstawy użytkowania systemu Linux

Formaty plików. graficznych, dźwiękowych, wideo

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

GRAFIKA. Formaty plików graficznych

Rozdział 1. Zastosowanie komputera w życiu codziennym Rozdział 2. Elementy zestawu komputerowego...11

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego

Grafika komputerowa. Dla DSI II

Z życia grafika-webmastera

Pracownia komputerowa. Dariusz Wardecki, wyk. XI

Porównanie rastrowego i wektorowego formatu zapisu obrazu cyfrowego. Barbara Ptaszek Krzysztof Krupiński V WT z inf.

Plan wykładu. Wprowadzenie Program graficzny GIMP Edycja i retusz zdjęć Podsumowanie. informatyka +

Przygotowanie materiałów graficznych w programie Gimp

Kompresja danych i formaty plików graficznych

1. Przypisy, indeks i spisy.

Cyfrowe przetwarzanie i kompresja danych. dr inż.. Wojciech Zając

Reprezentacje danych multimedialnych - grafika. 1. Terminologia 2. Obrazy czarno-białe 3. Obrazy kolorowe 4. Paleta 5.

Elementy grafiki komputerowej

Ćwiczenie 2. Przetwarzanie graficzne plików. Wprowadzenie teoretyczne

Wymagania edukacyjne na ocenę z informatyki klasa 3

Grafika inżynierska. Projekt znaczka inż. M. Janecka

Grafika w internecie

Rozdział 7. Przedstawienie formatu graficznego BMP.

Zapoznanie z rodzajami grafiki. Zapoznanie z formatami grafiki. Rozmiar oraz rozdzielczość obrazka.

Kryterium technika tworzenia Grafika wektorowa Grafika rastrowa

Wyższa Szkoła Informatyki Stosowanej i Zarządzania

Reprezentacja obrazów. dr inż. Izabela Szczęch Politechnika Poznańska Podstawy informatyki

Rozszerzenia i specyfikacja przyjmowanych przez nas plików.

Podstawy grafiki komputerowej. Teoria obrazu.

Jak uzyskać efekt 3D na zdjęciach z wykorzystaniem programu InkScape

Opis Edytora postaci Logomocji

Pracownia komputerowa. Dariusz Wardecki, wyk. X

Podstawy Informatyki Wykład V

Grafika komputerowa. Oko posiada pręciki (100 mln) dla detekcji składowych luminancji i 3 rodzaje czopków (9 mln) do detekcji koloru Żółty

Ćwiczenia z grafiki komputerowej 4 PRACA NA WARSTWACH. Miłosz Michalski. Institute of Physics Nicolaus Copernicus University.

Podstawy informatyki. Izabela Szczęch. Politechnika Poznańska

TECHNIKI MULTIMEDIALNE LABORATORIUM GIMP: Tworzenie animacji

Jak przygotować? Wymiary reklam: Spad. Bez spadu

TWORZENIE DANYCH DO DRUKU W PROGRAMIE MICROSOFT POWERPOINT 2013

Temat: Podział grafiki komputerowej

Rodzaje plików. Podstawowe definicje.

Zastosowania grafiki komputerowej

Formaty obrazów rastrowych biblioteki PBM

Pokaz slajdów na stronie internetowej

GIMP fotografia kolorowa i czarno-biała

AutoCAD LT praca na obiektach rastrowych i nakładanie barw z palety RGB na rysunki.

Pracownia komputerowa. Dariusz Wardecki, wyk. IX

Cechy formatu PNG Budowa bloku danych Bloki standardowe PNG Filtrowanie danych przed kompresją Wyświetlanie progresywne (Adam 7)

SUBLIMACJA - DRUK NA WYKROJACH

Materiały dla studentów pierwszego semestru studiów podyplomowych Grafika komputerowa i techniki multimedialne rok akademicki 2011/2012 semestr zimowy

Wykorzystano fragmenty wykładu Krystyny Dziubich GRAFIKA WEKTOROWA. Aplikacje i Usługi Internetowe KASK ETI Politechnika Gdańska.

Wykład II. Reprezentacja danych w technice cyfrowej. Studia Podyplomowe INFORMATYKA Podstawy Informatyki

Gdy obraz jest zbudowany z małych kwadratów, zwanych pikselami, wówczas mamy do czynienia z tzw. grafiką rastrową.

GRAFIKA KOMPUTEROWA. mgr inż. Adrian Zapała

Instrukcja krok po kroku w darmowym programie PhotoScape

MATERIAŁY DYDAKTYCZNE. Streszczenie: w ramach projektu nr RPMA /16. Praca na warstwach w programie GIMP

A3 (29,7 42,0) A4 (21,0 29,7) A5 (14,8 20,1) A6 (10,5 14,8) tylko monitor

FORMATY GRAFICZNE. Dobra ilustracja przychodzi w małym pliku. David Siegel, Tworzenie stron WWW. 1. Rodzaje plików graficznych

Zasady ekspozycji i reprodukcji znaku

Gimp Grafika rastrowa (konwersatorium)

Co to jest mapa bitowa

Personalizowanie wirtualnych pokojów

WYMAGANIA EDUKACYJNE Z INFORMATYKI KLASA III GIMNAZJUM DOBRY. prawem autorskim. komputerów wyszukuje w Internecie strony WWW związane z tematem.

1- Touch Laser Photo

ECDL/ICDL Edycja obrazów Moduł S4 Sylabus - wersja 2.0

Technologie Informacyjne

Grafika Komputerowa Wybrane definicje. Katedra Informatyki i Metod Komputerowych Uniwersytet Pedagogiczny im. KEN w Krakowie apw@up.krakow.

Transkrypt:

~ 1 ~ Cała prawda o plikach grafiki rastrowej Grafika rastrowa to rodzaj grafiki zapisywanej na dysku w postaci bitmapy, czyli zbioru pikseli. W edytorach grafiki rastrowej możliwa jest edycja na poziomie pojedynczych pikseli, ewentualnie ich grup. Jednym kliknięciem myszki można zmienić kolor tylko jednego piksela lub dowolnego ograniczonego obszaru bez konieczności zmieniania koloru wszystkich kolejnych pikseli z osobna, zawartych w tym obszarze. W taki właśnie sposób postępuje współczesny fotograf, przeprowadzając retusz zdjęcia cyfrowego. Tworząc obraz w programie grafiki rastrowej (np. MS Paint) zabarwiamy poszczególne punkty (piksele) na ekranie. Gdy chcemy usunąć jakiś element rysunku to w rzeczywistości zmieniamy tylko kolor usuwanych pikseli na kolor tła, uzyskując tym samym pustą powierzchnię, na której na nowo możemy zmieniać kolor kolejnych pikseli. Po zakończeniu edytowania danego fragmentu rysunku, nie możemy już jednak nanosić żadnych poprawek bez konieczności korygowania reszty rysunku, np. aby dopisać literę do wcześniej stworzonego napisu, należy cały ten napis wymazać a następnie ponownie go utworzyć, pamiętając o wprowadzeniu wymaganych poprawek. W taki właśnie sposób powstaje obraz zgodny z naszymi oczekiwaniami i zamierzeniami. Najpopularniejsze formaty plików grafiki rastrowej BMP to podstawowy format grafiki rastrowej. Umożliwia zapisanie dowolnego rysunku z bardzo dobrą jakością, kosztem jednak dużej wielkości utworzonego pliku. GIF (ang. Graphic Interchange Format) pliki tworzone w tym formacie mają ograniczenie liczby stosowanych kolorów do 256. Jest to głównym powodem widoczności na rysunkach zapisanych w tym formacie pojedynczych pikseli, przez co obraz staje się mniej atrakcyjny dla oglądającego. Format ten pozwala jednak zastosować przezroczystość tła lub stworzyć grafikę animowaną. Obecnie format GIF wypierany jest przez format PNG. JPEG / JPG (ang. Joint Photographic Experts Group) jest to jeden z najpopularniejszych formatów, stosowany m. in. na stronach internetowych, głównie ze względu na małą wielkość plików i bardzo dobrą jakość obrazu. Jakość ta jest jednak w dużym stopniu uzależniona od zastosowanego stopnia kompresji. W formacie jpeg, zwanym często jpg, występuje efekt strat kompresji co omówimy w dalszej części artykułu. TIFF / TIF (ang. Tagged Image File Format) jest to format plików przeznaczonych głównie do druku ze względu na idealną jakość zapisanego obrazu oraz możliwość zastosowania bezstratnej kompresji. Ponadto można w jednym pliku umieścić kilka obrazków oraz dane tekstowe. Wszystko to, możliwe jest dzięki zastosowaniu tagów (elektronicznych metek ) w nagłówku pliku. Format TIF pozwala również na zastosowanie znacznie większej ilości kolorów niż np. format JPG, dlatego też jest to format bardzo często wykorzystywany przez profesjonalnych grafików czy fotografów.

Rozpiętość barwna plików graficznych ~ 2 ~ Rozpiętość barwna to ilości bitów na kanał jednego z trzech kanałów RGB tzn. R (red)-czerwony, G (green) - zielony i B (blue) - niebieski. W każdym z nich, można zapisać pewną ilość pochodnych odcieni. Im więcej ich można pomieścić, tym delikatniejsze będą przejścia tonalne i więcej kolorów zawartych będzie na fotografii. Pliki JPG są standardowo zapisywane po 8 bitów na kanał, natomiast pliki TIFF do 16 bitów na kanał. Ilość bitów przekłada się na ilość możliwych kolorów, którą można obliczyć przez podniesienie liczby 2 do potęgi o wykładniku równym liczbie bitów, np.: 8 bitów jest równoważne 256 kolorom, zaś 16 bitów to już 65 536 kolorów. Ponieważ kanały są trzy, mamy więc dla formatu JPG 256*256*256 czyli 16,8 milionów kombinacji (a co za tym idzie możliwych do osiągnięcia kolorów), a w formacie TIFF aż 65 536 * 65 536 * 65 536 czyli aż 281 bilionów kombinacji kolorów. W zasadzie do zastosowań domowych to co zapewnia JPG w zupełności wystarcza, gdyż ludzkie oko może rozróżnić znacznie mniej niż 16,8 mln kolorów. Z powyższych obliczeń wynika jednak, że to samo zdjęcie zapisane w różnych formatach charakteryzuje się dużą rozbieżnością rozmiaru pliku oraz ilości kolorów występujących na zdjęciu. Popatrz na poniższe zdjęcie o rozmiarze 300x300 pikseli oraz rozmiary plików graficznych omówionych powyżej formatów: TIF z kompresją 283 kb 238 kb JPG z kompresją 12 JPG z kompresją 10 JPG z kompresją 8 JPG z kompresją 6 JPG z kompresją 4 JPG z kompresją 2 JPG z kompresją 0 GIF z 256 kolorami GIF z 16 kolorami 124 kb 71,1 kb 50,9 kb 44,2 kb 36,7 kb 29,9 kb 26,5 kb 78,2 kb 27,9 kb Rozmiar pliku większości formatów graficznych jest trudny do obliczenia, ponieważ na rozmiar pliku wpływ ma np. rodzaj i stopień zastosowanej kompresji. Jednym z wyjątków jest np. format BMP, którego rozmiar można obliczyć w bardzo prosty sposób znając wielkość zapisanego w pliku obrazu oraz ilość kolorów zastosowanej

~ 3 ~ palety barw. W powyższym przykładzie mamy 8 bitów na kanał, czyli 3 * 8 = 24 bitową paletę barw. Mnożymy długość zdjęcia przez jego szerokość i przez ilość bitów palety barw. Mamy więc : 300 x 300 x 24 = 2 160 000 bitów. Musimy teraz otrzymaną wielkość pliku zamienić na kilobajty. 2 160 000 / 8 = 270 000 B (1B = 8 bitów, więc dzielimy otrzymaną liczbę przez 8), 270 000 / 1 024 (1kB = 1 024 B, więc dzielimy otrzymaną liczbę przez 1 024), Podsumowując, 2 160 000 bitów to około. Jak widać dokładnie taka wartość pojawiła się w opisie rozmiarów plików zamieszczonym po prawej stronie powyższego zdjęcia. Gdy w plikach grafiki rastrowej zastosowana zostanie kompresja, rozmiar pliku staje się niemożliwy do obliczenia, bez względu czy jest to kompresja stratna czy bezstratna. Gdy zapiszemy zdjęcie w formacie TIFF z zastosowaniem kompresji bezstratnej LZW, a następnie obrócimy to zdjęcie o 90 stopni i zapiszemy ponownie, to okaże się, że wielkość plików jest różna, choć oba zdjęcia przedstawiają taki sam obraz. Najlepiej różnice w rozmiarze plików pokażą poniższe zdjęcia czarno-białych pasków: TIF z kompresją LZW JPG z kompresją 9 18,5 kb 7,29 kb TIF z kompresją LZW JPG z kompresją 9 6,49 kb 6,48 kb

~ 4 ~ Na powyższym przykładzie widać również jak wielkie znaczenie dla rozmiaru pliku ma zastosowanie kompresji. Obraz zapisany w formacie TIFF bez kompresji ma aż 264kB, natomiast po zastosowaniu kompresji rozmiar pliku spada do 6,49kB czyli ponad czterdziestokrotnie! Warto w tym momencie omówić różnice między kompresją stratną i bezstratną. Kompresja stratna to metoda zmniejszania liczby bitów potrzebnych do wyrażenia danej informacji, w naszym wypadku zdjęcia, które nie dają gwarancji, że odtworzona informacja będzie identyczna z oryginałem. Im wyższy współczynnik kompresji zostanie wykorzystany, tym więcej szczegółów na zdjęciu zostanie usuniętych. Jako przykład posłuży nam zdjęcie zapisane w formacie JPG z różnymi współczynnikami kompresji. kompresja 10 kompresja 8 kompresja 6 kompresja 4 kompresja 2 kompresja 0 15,0 kb 7,85 kb 6,76 kb 5,97 kb 4,72 kb 3,19 kb Drugą wadą kompresji stratnej jest pogarszanie się obrazu przy każdym kolejnym jego zapisywaniu. W efekcie obraz staje się coraz gorszej jakości, a dodatkowo ma coraz

~ 5 ~ większy rozmiar, ponieważ na zdjęciu powstają nowe elementy wymagające zapisu. Omówiony problem przedstawiają poniższe zdjęcia: zapisane 2 razy zapisane 4 razy zapisane 6 razy zapisane 8 razy zapisane 10 razy 22,6 kb 23,0 kb 24,0 kb 25,9 kb 28,4 kb Kompresja bezstratna to kompresja, która gwarantuje możliwość odtworzenia informacji (zdjęcia) z postaci skompresowanej do identycznej postaci pierwotnej. Przykładem takiej kompresji jest kompresja LZW stosowana w formacie TIFF. Zdjęcia zapisane z użyciem tej kompresji mają znacznie mniejszy rozmiar, ale bez utraty jakości. Dodatkowo można takie zdjęcia zapisywać dowolną ilość razy, a ich jakość jest zawsze taka sama jak w pliku wyjściowym. Dlaczego częściej stosuje się więc kompresję stratną zamiast kompresji bezstratnej? Kompresja stratna pomimo jej wielu wad pozwala uzyskać pliki o znacznie mniejszych rozmiarach, a w większości przypadków, jak np. na stronach internetowych, ma to bardzo duże znaczenie. Mam nadzieję, że przybliżyłem Ci trochę pliki grafiki rastrowej. Czas teraz na zastosowanie wiedzy w praktyce! Autor opracowania: Marcin Maćkiewicz Artykuł pobrano ze strony internetowej XV Liceum Ogólnokształcącego w Bydgoszczy: http://www.liceumxv.edu.pl/index.php?page=mackiewicz_marcin&poz=7