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

Przy zapisywaniu rezultatu twojej pracy w postaci obrazu graficznegoP1FSvxFyLobrazu 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 obrazuDbPMq91BEjakość 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 wwwP120Ayrcnstronie www),
dopasowanie do wymogów stawianych przez program, z którego korzystamy.

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

Formaty stosujące kompresję stratnąKompresja stratnakompresję stratną (JPG, TIFF);
Formaty stosujące kompresję bezstratnąKompresja bezstratnakompresję bezstratną (BMP, TIFF, PNG, GIF);
Formaty niestosujące kompresjiKompresjakompresji (PSD, XPM, BMP).

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ściachDbPMq91BErozdzielczoś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 – jest formatem, który potrzebuje dla swoich plików bardzo mało miejsca. Dzieje się tak z powodu ograniczonej liczby kolorów (256 możliwych do wyświetlenia). Fakt ten znacząco wpływa na jakość fotografii kolorowej. Znakomicie natomiast prezentuje fotografie w odcieniach szarości. Stosowanie tego formatu jest wskazane przy projektowaniu różnego rodzaju animowanych obrazów oraz znaków graficznych, wymagających wykorzystania niewielkiej liczby kolorów.

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 – równie często wykorzystywany format w fotografii cyfrowej co JPG. 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 formatem bardzo uniwersalnym, pozwala na obsługę trybów o niskiej liczbie kolorów (od 2 do 256 oraz skalę szarości), ale obsługuje również tryb 48 bitowej palety kolorów RGB, w której obraz zapisywany jest w doskonałej jakości i bez zniekształceń właściwych dla formatów z kompresją stratną. 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. Format ten wymaga jednak dużo miejsca na dysku. Z powodu wielkości plików nie nadaje się do zastosowań internetowych.

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 graficznymiPmGjCqgKoprogramami 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 internecieDwl1kvyglZnajdź 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.