Elementy opisu obrazu: wstęp
Plik graficzny to nie tylko lista kolorów pikseli. Żeby odtworzyć obraz, program musi wiedzieć, ile jest pikseli, jakiego są kształtu, jak zapisano barwy, które są przezroczyste, w jakiej kolejności idą wiersze i jak to wszystko skompresowano. Ta część działu omawia te elementy po kolei.
Obraz rastrowy
Obraz rastrowy to prostokątna siatka punktów, pikseli. Każdy piksel ma jedną barwę. Rozmiar obrazu podaje się w pikselach, np. 1920 × 1080. Obraz wektorowy (SVG, PDF z grafiką) opisuje natomiast kształty i można go powiększać bez utraty jakości. Ten dział dotyczy obrazów rastrowych.
Co opisuje plik
| Element | Pytanie | Więcej |
|---|---|---|
| wymiary | ile pikseli w poziomie i pionie | |
| proporcje punktów | czy piksel jest kwadratowy | proporcje punktów |
| paleta | czy barwy są zapisane wprost, czy jako numery w tabeli kolorów | paleta kolorów |
| głębia barw | ile bitów przypada na piksel albo na składową | rozdzielczość kolorów |
| gamma i profil | jak wartości mają się do światła i do barw | korekcja gamma |
| przezroczystość | które piksele przepuszczają tło i w jakim stopniu | przezroczystość |
| kolejność wierszy | czy wiersze idą po kolei, czy z przeplotem | przeplot |
| kompresja | jak zmniejszono dane | algorytm LZW |
Ile danych zajmuje obraz
Bez kompresji obraz zajmuje szerokość × wysokość × liczbę bitów na piksel:
Kompresja zmniejsza to dalej. Bezstratna (LZW w GIF, Deflate w PNG) odtwarza dane co do bitu. Stratna (JPEG, WebP, AVIF) usuwa szczegóły, których oko nie zauważy, i potrafi zmniejszyć zdjęcie kilkadziesiąt razy.
Formaty i ich wybory
| Format | Barwy | Przezroczystość | Kompresja |
|---|---|---|---|
| GIF | paleta do 256 kolorów | jeden kolor przezroczysty | LZW, bezstratna |
| PNG | paleta albo pełny kolor do 16 bitów na składową | kanał alfa | Deflate, bezstratna |
| JPEG | pełny kolor, 8 bitów na składową | brak | DCT, stratna |
| WebP, AVIF | pełny kolor, AVIF także 10-12 bitów | kanał alfa | stratna albo bezstratna |
Format GIF jest tu opisany najdokładniej, bajt po bajcie, w części Format GIF krok po kroku. Jest prosty, dobrze udokumentowany i zawiera prawie wszystkie elementy z tabeli powyżej.