4. Multimedia w aplikacji internetowej

4.2. Formaty plików graficznych

Wybór odpowiedniego formatu pliku graficznego do wykorzystania w nowoczesnej aplikacji internetowej zależy od rodzaju wyświetlanych obrazów (np. fotografie, schematy, zrzuty ekranu) oraz wymagań dotyczących jakości, wydajności i kompatybilności z przeglądarkami. W niniejszym artykule zebrano najpopularniejsze formaty graficzne oraz rekomendacje dotyczące ich zastosowań.


Format pliku graficznego w zależności od treści
Rodzaj obrazu
 Rekomendowany format
 Dlaczego?
Fotografie WebP, JPEG, AVIF Optymalna kompresja przy zachowaniu wysokiej jakości.
Schematy i logotypy
 SVG Skalowalność i mały rozmiar dla prostych grafik.
Zrzuty ekranu
 PNG, WebP Bezstratna kompresja i precyzja w przedstawieniu szczegółów.
Animacje GIF, WebP, APNG, Lottie Są to formaty wspierające proste animacje.