Kiedy użyć JPG, PNG, GIF albo SVG – kompresja stratna kontra bezstratna, przezroczystość i skalowalność w praktyce.
Wybór formatu graficznego sprowadza się do trzech pytań: czy zależy nam na jakości czy na rozmiarze, czy potrzebujemy przezroczystości i czy obraz ma być skalowalny.
JPG stosuje kompresję stratną, dostosowaną do fotografii. Pozwala mocno zmniejszyć plik kosztem szczegółów, których oko i tak słabo wychwytuje. Nie obsługuje przezroczystości, a każdy ponowny zapis pogarsza jakość.
PNG kompresuje bezstratnie i obsługuje przezroczystość. Świetnie nadaje się do grafik z ostrymi krawędziami – logo, zrzutów ekranu, rysunków. Pliki są większe niż w JPG, ale jakość nie spada nigdy.
GIF jest ograniczony do 256 kolorów i dziś liczy się głównie z powodu animacji. SVG to jedyny z tej czwórki format wektorowy – skaluje się bez utraty jakości i nadaje się do ikon oraz logo.
| Format | Kompresja | Przezroczystość | Animacja | Najlepszy do |
|---|---|---|---|---|
| JPG | stratna | nie | nie | zdjęcia |
| PNG | bezstratna | tak | nie | logo, zrzuty ekranu |
| GIF | bezstratna, 256 kolorów | tak | tak | proste animacje |
| SVG | wektorowy | tak | tak | ikony, logo |
Typowe polecenie to dobór formatu do sytuacji. Zdjęcie na stronę to JPG. Logo z przezroczystym tłem to PNG albo SVG. Grafika, która ma się skalować – SVG.
Częste pytanie dotyczy też skutków kompresji stratnej: utraconych danych nie da się odzyskać, więc wielokrotny zapis tego samego pliku JPG stopniowo psuje obraz.
Bo kompresja stratna zostawia widoczne artefakty wokół ostrych krawędzi i jednolitych kolorów. Do takich grafik służy PNG albo SVG.
Nie. Dla fotografii PNG daje plik kilkukrotnie większy przy praktycznie niezauważalnej różnicy jakości. Każdy format ma swoje zastosowanie.
Nowszy format obsługujący kompresję stratną i bezstratną oraz przezroczystość. Daje mniejsze pliki niż JPG i PNG, ale na maturze wystarczy znać klasyczną czwórkę.
Zagadnienia z tego samego obszaru matury – warto je powtórzyć razem: