Zapisywanie obrazów rastrowych w różnych formatach graficznych

RLpXidqpYD1wW

Przy zapisywaniu rezultatu twojej pracy w postaci obrazu graficznego, istotny jest wybór rodzaju pliku, w którym zapiszesz ten obraz. Dlatego zapoznaj się z różnymi rodzajami formatów zapisywania plików graficznych, które będą decydować, między innymi, o jakości twojego obrazu. Najistotniejszymi kryteriami, wyboru formatu graficznego, powinny być:

jakość i wielkość drukowanego obrazu,
oszczędność miejsca na dysku,
szybkość otwierania i zapisywania obrabianej grafiki,
wymagania wynikające z przeznaczenia grafiki (na przykład umieszczenie grafiki na stronie www),
dopasowanie do wymogów stawianych przez program, z którego korzystamy.

Formaty plików graficznych możemy podzielić na:

Formaty plików graficznych mogą dopuszczać różne sposoby zapisu.

- PNG i GIF stosują kompresję bezstratnąKompresja bezstratnakompresję bezstratną;

- typowy JPEG wykorzystuje kompresję stratnąKompresja stratnakompresję stratną;

- BMP, TIFF i PSD mogą mieć różne warianty kompresji lub zapis bez kompresji, zależnie od formatu i programu.

Kompresja stratna1

Kompresja bezstratna1

Kompresja 1

Popularne formaty plików graficznych

BMP – zapisuje wszystkie piksele obrazu i ich rozmieszczenie w sposób nieskompresowany co daje doskonałą jakość końcową. Obrazy cyfrowe, zwłaszcza fotografie są zapisywane w coraz większych rozdzielczościach. Powoduje to zwiększenie liczby pikseli i co za tym idzie wzrost rozmiaru pliku graficznego. Mimo znakomitej jakości i odwzorowania kolorów format BMP nie jest popularny ze względu na rozmiar zapisanych plików. Oferuje również prostą kompresję bezstratną, jednak ze względu na przewagę formatu PNG w kwestii kompresowania plików, nie jest ona często stosowana.

JPG/JPEG – jest formatem wykorzystywanym w fotografii cyfrowej. Dzięki zastosowaniu kompresji stratnej, wielkość obrazów przechowywanych w formacie JPG może być około 20 razy mniejsza niż w formacie BMP. Z tego względu format ten jest bardzo często wykorzystywany w publikacjach internetowych oraz przez amatorów grafiki (fotografii) cyfrowej. Format JPG nie umożliwia przechowywania informacji o przezroczystości obrazu.

bg‑cyan

R9iOvlef1lvMF

Ilustracja przedstawia przykładową grafikę w formacie JPEG. Na ilustracji znajdują się dwa koła na białym tle. Pierwsze wypełnione jest czerwonym kolorem, a drugie jest w kolorach tęczy. Pierwsze koło, od swojego środka, stopniowo zmniejsza moc barwy stając się całkowicie niewidocznym na swoim brzegu. Drugie ma wyraźną krawędź. — Przykładowa grafika w formacie JPEG.
Źródło: GroMar, licencja: CC BY 3.0.

GIF – Dobrze sprawdza się przy prostych obrazach o ograniczonej palecie i animacjach, lecz rozmiar zależy od treści i liczby klatek. Pliki tego typu są powszechnie używane na stronach WWW, gdyż pozwalają na tworzenie prostych animacji ze zdefiniowanym kolorem tła jako przezroczystym i opóźnieniem.

bg‑cyan

RQnGJcTcdiLjA

Ilustracja przedstawia przykładową grafię w formacie GIF. Format GIF wyświetla na przeźroczystym tle czerwone koło oraz koło barw na którym widoczne są przejścia między poszczególnymi kolorami. — Przykładowa grafika w formacie GIF.
Źródło: GroMar, licencja: CC BY 3.0.

PNG – inny popularny format grafiki rastrowej. Został stworzony jako następca formatu GIF. Jego cechą charakterystyczną jest obsługa przeźroczystości tzw. kanał alfa (stopień przeźroczystości można regulować). PNG jest przydatny m.in. do zrzutów ekranu, ilustracji i obrazów wymagających przezroczystości. Obsługuje kolor indeksowany (paletę) oraz truecolor RGB, w tym 16 bitów na kanał, czyli 48 bitów koloru na piksel, bez kanału alfa. Wielkość plików w formacie PNG będzie zatem uzależniona od rozdzielczości pliku, zastosowanej głębi kolorów i wykorzystania kanału przeźroczystości.

bg‑cyan

R18tWVhqoSaDv

Ilustracja przedstawia przykładową grafię w formacie PNG. Format PNG wyświetla na przeźroczystym tle wypełnione czerwonym kolorem koło oraz gładkie koło barw. Pierwsze koło, od swojego środka, stopniowo zmniejsza moc barwy stając się całkowicie niewidocznym na swoim brzegu. Krawędź drugiego koła jest wyraźna. — Przykładowa grafika w formacie PNG.
Źródło: GroMar, licencja: CC BY 3.0.

TIFF – jest formatem, który zapewnia bardzo wysoką jakość obrazu. Znalazł zastosowanie w tworzeniu albumowych publikacji, w których prezentowane są najwyższej klasy fotografie. Często stosowany w druku i wymianie wysokiej jakości obrazów. Do wyświetlania na zwykłych stronach WWW wybiera się zazwyczaj formaty szerzej obsługiwane przez przeglądarki, np. JPEG, PNG lub WebP.

Obrazy zapisane w różnych formatach

Ta sama fotografia słonia afrykańskiego zapisana w różnych formatach, będzie miała różny rozmiar pliku na dysku dla każdego formatu. Zwróć również uwagę na zastosowaną kompresję oraz liczbę odrębnych kolorów.

R1bIS6XqTGo7K

Fotografia słonia afrykańskiego z właściwościami pliku BMP w programie IfranView.
Źródło: GroMar, Freepik, licencja: CC BY 3.0.

RPszE0KEm39QC

Fotografia słonia afrykańskiego z właściwościami pliku JPG w programie IfranView.
Źródło: GroMar, Freepik, licencja: CC BY 3.0.

RRE83slCrT4gx

Fotografia słonia afrykańskiego z właściwościami pliku GIF w programie IfranView.
Źródło: GroMar, Freepik, licencja: CC BY 3.0.

R1c1tiGTaLfoX

Fotografia słonia afrykańskiego z właściwościami pliku PNG w programie IfranView.
Źródło: GroMar, Freepik, licencja: CC BY 3.0.

RdWSOyiyYL38w

Fotografia słonia afrykańskiego z właściwościami pliku TIFF w programie IfranView.
Źródło: GroMar, Freepik, licencja: CC BY 3.0.

Galeria zdjęć interaktywnych przedstawia obrazy zapisane w różnych formatach.

Pierwszy obraz to fotografia słonia afrykańskiego z właściwościami pliku BMP w programie IfranView. Na fotografii znajduje się słoń stojący na sawannie, w lewym dolnym rogu zdjęcia znajduje się ramka z właściwościami pliku. Właściwości są następujące:
Nazwa pliku: $\text{Słoń.bmp}$
Katalog: $\text{C:\Users\MSI\Desktop}$
Pełna ścieżka: $\text{C:\Users\MSI\Desktop\Słoń.bmp}$
Kompresja: Brak Rozdzielczość: $\text{240x240 DPI}$
Rozmiar pierwotny: $\text{5520x3680 Pikseli}$ $\text{(20.31 MPixels)}$ $\text{(3:2)}$
Rozmiar obecny: $\text{5520x3680 Pikseli}$ $\text{(20.31 MPixels)}$ $\text{(3:2)}$
Rozmiar wydruku ( $\text{wg DPI}$ ): $\text{58.4x38.9 cm}$ : $\text{23x15.33 inches}$
Pierwotna głębia koloru: $\text{16.7 Milionów}$ ( $\text{24 BitsPerPixel}$ )
Obecna głębia koloru: $\text{16.7 Milionów}$ ( $\text{24 BitsPerPixel}$ )
Liczba odrębnych kolorów: 40016
Rozmiar na dysku: $\text{58.12 MB}$ ( $\text{60 940 854 Bytes}$ )
Obecnie zajmuje pamięci: $\text{58.12 MB}$ ( $\text{60 940 854 Bytes}$ )
Obecny indeks w katalogu: $\text{15/22}$
Data/ Czas pliku: 30.05.2023/ 17:25:24}
Załadowany w czasie: 15 milisekund

Drugi obraz to fotografia słonia afrykańskiego z właściwościami pliku JPG w programie IfranView. Na fotografii znajduje się słoń stojący na sawannie, w lewym dolnym rogu zdjęcia znajduje się ramka z właściwościami pliku. Właściwości są następujące:
Nazwa pliku: $\text{Słoń. jpg}$
Katalog: $\text{C:\Users\MSI\Desktop}$
Pełna ścieżka: $\text{C:\Users\MSI\Desktop\ Słoń. jpg}$
Kompresja: $\text{JPEG}$ , quality: 100, subsampling ON ( $\text{2x2}$ )
Rozdzielczość: $\text{240x240 DPI}$
Rozmiar pierwotny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar obecny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar wydruku ( $\text{wg DPI}$ ): $\text{58.4x38.9 cm}$ : $\text{23x15.33 inches}$
Pierwotna głębia koloru: $\text{16.7}$ Milionów ( $\text{24 BitsPerPixel}$ )
Obecna głębia koloru: $\text{16.7}$ Milionów ( $\text{24 BitsPerPixel}$ ) Liczba odrębnych kolorów: 40028
Rozmiar na dysku: $\text{58.12 MB}$ ( $\text{60 940 840 Bytes}$ )
Obecnie zajmuje pamięci: $\text{58.12 MB}$ ( $\text{60 940 840 Bytes}$ )
Obecny indeks w katalogu: $\text{18/23}$
Data/ Czas pliku: 30.05.2023/ 17:25:05
Załadowany w czasie: 109 milisekund

Trzeci obraz to również fotografia słonia afrykańskiego, tym razem z właściwościami pliku GIF w programie IfranView. Na fotografii znajduje się słoń stojący na sawannie, w lewym dolnym rogu zdjęcia znajduje się ramka z właściwościami pliku. Właściwości są następujące:
Nazwa pliku: $\text{Słoń. gif}$
Katalog: $\text{C:\Users\MSI\Desktop}$
Pełna ścieżka: $\text{C:\Users\MSI\Desktop\Słoń.gif}$
Kompresja: $\text{GIF-LZW}$ , Transparent color:252 Rozdzielczość: brak
Rozmiar pierwotny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar obecny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar wydruku ( $\text{wg DPI}$ ): $\text{194.7x129.8 cm}$ : $\text{76.67x51.11 inches}$
Pierwotna głębia koloru: 256 ( $\text{8 BitsPerPixel}$ )
Obecna głębia koloru: 256 ( $\text{8 BitsPerPixel}$ )
Liczba odrębnych kolorów: 78 Rozmiar na dysku: $\text{7.32 MB}$ ( $\text{7 674 043 Bytes}$ )
Obecnie zajmuje pamięci: $\text{19.37 MB}$ (20 314 664 Bytes)
Obecny indeks w katalogu: $\text{18/24}$
Data/ Czas pliku: 30.05.2023/ 17:26:04
Załadowany w czasie: 78 milisekund

Czwarty obraz to również fotografia słonia afrykańskiego, natomiast wyświetlone zostały właściwości pliku GIF w programie IfranView. Na fotografii znajduje się słoń stojący na sawannie, w lewym dolnym rogu zdjęcia znajduje się ramka z właściwościami pliku. Właściwości są następujące:
Nazwa pliku: $\text{Słoń. png}$
Katalog: $\text{C:\Users\MSI\Desktop}$
Pełna ścieżka: $\text{C:\Users\MSI\Desktop\Słoń.png}$
Kompresja: $\text{PNG-ZIP}$
Rozdzielczość: $\text{240x240 DPI}$
Rozmiar pierwotny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar obecny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar wydruku ( $\text{wg DPI}$ ): $\text{58.4x38.9cm}$ : $\text{23:00x15.33 inches}$
Pierwotna głębia koloru: ${16.7 Milionów}$ ( $\text{32 BitsPerPixel}$ )
Obecna głębia koloru: ${16.7 Milionów}$ ( $\text{24 BitsPerPixel}$ )
Liczba odrębnych kolorów: 40016
Rozmiar na dysku: $\text{25.68 MB}$ ( $\text{26 927 629 Bytes}$ )
Obecnie zajmuje pamięci: $\text{58.12 MB}$ ( $\text{60 940 840 Bytes}$ )
Obecny indeks w katalogu: $\text{17/21}$
Data/ Czas pliku: 30.05.2023/ 17:25:52
Załadowany w czasie: 250 milisekund

Piąty obraz to także fotografia słonia afrykańskiego, tym razem wyświetlone zostały właściwości pliku TIFF w programie IfranView. Na fotografii znajduje się słoń stojący na sawannie, w lewym dolnym rogu zdjęcia znajduje się ramka z właściwościami pliku. Właściwości są następujące:
Nazwa pliku: $\text{Słoń. tiff}$
Katalog: $\text{C:\Users\MSI\Desktop}$
Pełna ścieżka: $\text{Słoń. tiff}$
Katalog: $\text{C:\Users\MSI\Desktop\Słoń.tiff}$
Kompresja: $\text{LZW}$
Rozdzielczość: $\text{240x240 DPI}$
Rozmiar pierwotny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar obecny: $\text{5520x3680 Pikseli}$ ( $\text{20.31 MPixels}$ ) ( $\text{3:2}$ )
Rozmiar wydruku ( $\text{wg DPI}$ ): $\text{58.4x38.9cm}$ : $\text{23:00x15.33 inches}$
Pierwotna głębia koloru: $\text{16.7 Milionów}$ ( $\text{32 BitsPerPixel}$ )
Obecna głębia koloru: $\text{16.7 Milionów}$ ( $\text{24 BitsPerPixel}$ )
Liczba odrębnych kolorów: 40016
Rozmiar na dysku: $\text{22.80 MB}$ ( $\text{23 902 598 Bytes}$ )
Obecnie zajmuje pamięci: $\text{58.12 MB}$ ( $\text{60 940 840 Bytes}$ )
Obecny indeks w katalogu: $\text{22/25}$
Data/ Czas pliku: 30.05.2023/ 17:28:05
Załadowany w czasie: 250 milisekund

Formatów zapisów plików graficznych jest znacznie więcej. Kontynuując swoją przygodę z komputerem i programami graficznymi, z pewnością dowiesz się znacznie więcej o specyfice zapisywania plików graficznych w różnych formatach.

Ćwiczenie 1

Część z nieomówionych tutaj formatów oferuje znacznie większe możliwości i są stosowane np. w medycynie, inżynierii i wielu innych dziedzinach nauki. Znajdź w internecie informacje o innych formatach plików graficznych. Dołącz do nich krótki opis oraz zaznacz jakiej używają kompresji.

Skorzystaj z poniższego dzienniczka do zapisania swoich odpowiedzi, notatek i przemyśleń.

RNnsEQeK2F4yq

Źródło: GroMar, licencja: CC BY 3.0.

Tworzenie cyfrowych obrazów

Przechwycenie obrazu ekranu monitora