Formaty obrazów

Po długiej przerwie proponuję coś dla bardzo początkujących - mianowicie listę najpopularniejszych formatów grafik - który jest najlepszy do czego.

Najczęściej w sieci używanymi formatami są: JPEG (lub JPG), PNG i GIF.

JPEG

Format dedykowany do zdjęć. Mówiąc szczegółowo, działa on dobrze dla obrazów, w których nie występują gwałtowne skoki kolorów. Czyli głównie do zdjęć. Można go stosować także do innych obrazów, jednak tam jego użycie będzie nieopłacalne - aby uzyskać zadowalającą jakość, trzeba użyć mniejszej kompresji, co zwiększa rozmiar pliku. Poza tym format JPEG jest zawsze stratny, niezależnie jaką jakość się ustawi.

Format JPEG nie obsługuje przezroczystości ani animacji.

PNG

Format dedykowany do diagramów, komputerowych rysunków i zrasteryzowanych obrazów wektorowych (cokolwiek by to znaczyło). Czyli wszystkie schematy i diagramy. Także rysunki (nawet artystyczne), o ile zawierają duże plamy barwne, a nie mają zbyt dużo szczegółów. Zrzuty ekranu też, ale nie z gier 3D (do tych lepszy będzie JPEG, zwłaszcza jeśli gra ma rozbudowane tekstury).

Format PNG oferuje kompresję bezstratną. Czyli jeśli porównamy, piksel po pikselu, obraz skompresowany z nieskompresowanym, to będą identyczne.

Format PNG posiada kanał alfa. Pozwala to na zapisanie precyzyjnie przezroczystości, a nie tylko czy piksel jest przezroczysty, czy nie.

Rozszerzeniem formatu PNG, obsługiwanym przez większość przeglądarek (oprócz IE, oczywiście) jest APNG - animowany PNG. Daje on nieograniczone (właściwie to ograniczone - miejscem na dysku) możliwości na zapisywanie animacji. Do ambitnych animacji lepsze będą formaty video.

GIF

GIF jest stosunkowo słaby. Pozwala na zapisanie w jednej klatce tylko 256 kolorów, co staje się przyczyną utraty jakości. Jego kompresja też nie jest najlepsza.

Jeśli obrazek ma mniej niż 257 kolorów, GIF jest kompresją bezstratną. W przeciwnym wypadku konieczny jest downsampling (zmniejszenie ilości kolorów) i jakość się pogarsza.

Format GIF nadaje się do ekstremalnie małych obrazków - np. powtarzające się tło, ponieważ mało zajmują nagłówki i inny badziew.

Format GIF to jedyny format animacji, którego możemy być pewnym, że zadziała na każdym urządzeniu (komórce też).

W środowisku informatycznym zalecane jest zastępowanie formatu GIF formatem PNG.

Porównanie formatów

• Oryginał PNG



• JPEG: Słaba kompresja, Silna kompresja



• GIF (256 kolorów): Dithering Floyda-Steinberga zwykły, Dithering Floyda-Steinberga z ograniczonym zlewaniem kolorów, Dithering pozycyjny, Bez ditheringu

Zwróćcie uwagę na wielkość plików.

Pliki zostały zapisane za pomocą GIMPa.

Opcje zapisu JPG w GIMPie

Nie zawsze pliki JPG o tym samym rozmiarze mają tą samą jakość... warto sprawdzić, jakie ustawienia zapisywania są najoptymalniejsze.

Wróćmy do przykładu "Tibia sux" z poprzedniego tutoriala. Obraz skompresowany bezstratnie (PNG) zajmuje 110KB, a więc za dużo aby przeznaczyć go np. na logo.

---

Okno zapisu

Oto okno zapisu w GIMPie, z opcjami zaawansowanymi:


Jakość - ile procent danych jest zapisywanych, decyduje o jakości pliku.
Optymalizuj - nieistotne, powinno być zawsze włączone, inaczej pliki będą niepotrzebnie rosły
Przyrostowy - obraz zamiast ładować się z góry na dół, będzie się podczas ładowania stopniowo wyostrzał.
Wygładzanie - stopień rozmycia, które ukrywa zniekształcenia. Może być włączone w przypadku np. zdjęć chmur itp. W większości przypadków powinno wynosić 0.
Resetuj markery - nic nie zmienia, a niepotrzebnie powiększa plik. Powinno być wyłączone.
Podpróbkowanie - bardzo istotna opcja. Ustala jakość pliku. Szerzej o tym dalej.
Metoda DCT - decyduje o szybkości zapisu, najlepiej jak jest ustawiona na "Zmiennoprzecinkowa". Jest to najwolniejsze, ale najlepsze. W przypadku małych obrazów (mniej niż 1MP) różnica w szybkości jest nieistotna.
Zapisz dane EXIF - zapisuje informacje na temat aparatu, oprogramowania, parametrów ekspozycji i inne pierdoły. W ogóle nie wpływa na jakość. Najczęściej nieprzydatna. Można wyłączyć.
Zapisz miniaturę - zapisuje miniaturę. Nie miałem okazji testować, ale prawdopodobnie przyspiesza to wyświetlanie miniatur przy przeglądaniu zdjęć w folderze. Jeśli zdjęcie będzie publikowanie w necie, wyłącz to.
Zapisz dane XMP - Szczerze mówiąc nie miałem okazji testować. U mnie ta opcja jest wyłączona. Nie będę się wypowiadać tylko na podstawie Wikipedii ;)
Use quality settings from original image - Jeśli edytujemy plik JPG i nie chcemy zmieniać jego jakości, powinno być włączone. Dzięki temu wszystkie ustawienia kompresji, a nawet zaawansowane dane których nie możemy edytować, zostaną zachowane.

Jak zapisywać?

Podpróbkowanie przestaw na najlepszą jakość!!!

Oryginał PNG:


Podpróbkowanie 1x1,1x1,1x1, jakość 79%, rozmiar pliku 22kB:


Podpróbkowanie 2x2,1x1,1x1, jakość 90%, rozmiar pliku 22.8kB:


Celowo ustawiłem taką jakość, aby rozmiar pliku wyniósł około 22kB.
Plik z podpróbkowaniem ustawionym na najmniejszy rozmiar pliku, o rozmiarze większym (no niewiele...) i jakości ustawionej na dużo większą, okazał się w praktyce mieć gorszą jakość niż ten z podpróbkowaniem ustawionym na najlepszą jakość.

Najlepiej ustaw sobie podpróbkowanie na najlepszą jakość i zapisz to ustawienie jako domyślne!