Zacznij od rodzaju grafiki, nie od rozszerzenia pliku
Format wpływa na wygląd obrazu, wielkość pliku i możliwości jego użycia. Nie ma jednego najlepszego wyboru dla wszystkich materiałów. Zdjęcie wnętrza, logo firmy i zrzut ekranu zawierają inne detale, dlatego warto najpierw ustalić, co grafika przedstawia i gdzie zostanie opublikowana.
Zadaj sobie trzy pytania: czy obraz jest fotografią czy ilustracją o wyraźnych krawędziach? Czy potrzebuje przezroczystego tła? Czy ma zachować ostrość przy znacznym powiększeniu? Następnie sprawdź wymagania strony, systemu publikacji lub platformy społecznościowej. Nawet odpowiednio dobrany format nie pomoże, jeśli miejsce publikacji go nie przyjmuje.
JPEG: dobry punkt wyjścia dla fotografii
JPEG zwykle sprawdza się przy zdjęciach z wieloma kolorami i łagodnymi przejściami tonalnymi: fotografiach produktów, portretach czy zdjęciach do artykułu. Stosuje kompresję stratną, co oznacza, że podczas zapisu część informacji o obrazie jest usuwana. Dzięki temu plik może być mniejszy, ale zbyt mocna kompresja pozostawia widoczne zakłócenia, szczególnie przy drobnych detalach i napisach.
JPEG nie obsługuje przezroczystości. Jeśli zdjęcie ma pojawić się na jednolitym tle, zwykle nie stanowi to problemu. Jeśli jednak potrzebujesz wyciętego produktu na przezroczystym tle, wybierz inny format. Przy eksporcie porównaj obraz w rzeczywistym rozmiarze publikacji; nie oceniaj jakości wyłącznie na miniaturze. Unikaj też wielokrotnego otwierania i zapisywania tej samej skompresowanej kopii. Zachowaj plik źródłowy do późniejszych zmian.
PNG: gdy liczą się ostre krawędzie i przezroczystość
PNG stosuje kompresję bezstratną. To użyteczny wybór dla zrzutów ekranu, prostych schematów i grafik z drobnym tekstem, jeśli zależy Ci na czytelnych liniach. Obsługuje również przezroczystość, więc nadaje się do elementów, które mają leżeć na różnych tłach. Przykładem może być ilustracja pokazująca etapy zamówienia, złożona z napisów, ramek i strzałek.
Za te zalety często płaci się większym plikiem, zwłaszcza przy fotografiach. Nie zapisuj więc każdego zdjęcia jako PNG tylko dlatego, że format kojarzy się z wysoką jakością. Jeżeli grafika zawiera tekst, sprawdź także, czy pozostaje czytelna na telefonie. Ostry plik nie naprawi projektu, w którym litery są zbyt małe.
WebP i SVG: mniejsze pliki lub swobodne skalowanie
WebP obsługuje kompresję stratną i bezstratną oraz przezroczystość. Może być wygodną alternatywą dla JPEG i PNG na stronie internetowej: fotografię można wyeksportować w wersji stratnej, a prostą grafikę z przezroczystym tłem porównać w wersji bezstratnej z PNG. Nie zakładaj jednak, że każdy plik WebP będzie mniejszy i równie dobry wizualnie. Wynik zależy od obrazu i ustawień eksportu, dlatego porównaj wagę oraz wygląd gotowych plików.
SVG działa inaczej: opisuje kształty jako grafikę wektorową. Dobrze nadaje się do prostych logo, ikon i ilustracji, które muszą wyglądać ostro w różnych rozmiarach. Nie jest typowym wyborem dla fotografii. Jeśli znak firmowy zawiera wiele drobnych efektów albo ma trafić do narzędzia, które nie przyjmuje SVG, przygotuj także wersję rastrową, na przykład PNG.
Przy plikach SVG pochodzących z zewnątrz zachowaj ostrożność. Przed umieszczeniem ich na stronie używaj zaufanych plików i stosuj zasady bezpieczeństwa przyjęte w danym systemie publikacji. Jeśli nie masz możliwości sprawdzenia pliku, bezpieczniej poprosić o zweryfikowaną wersję lub przygotować eksport do obsługiwanego formatu.
Prosta procedura przed publikacją
Dla każdego obrazu przygotuj wersję o wymiarach odpowiednich do miejsca, w którym będzie wyświetlany. Zbyt duża liczba pikseli zwiększa ilość danych do pobrania, choć odbiorca może nie zobaczyć różnicy. Nie zmniejszaj jednak pliku tak mocno, by na większym ekranie stał się rozmyty. Otwórz eksport na telefonie i komputerze; obejrzyj szczególnie twarze, napisy, krawędzie i obszary o jednolitym kolorze.
W praktyce możesz przyjąć taki punkt wyjścia: zdjęcie przetestuj jako JPEG lub WebP, zrzut ekranu jako PNG lub bezstratny WebP, a proste logo jako SVG. Potem sprawdź wymagania kanału publikacji i wybierz wersję, która wygląda dobrze przy rozsądnej wielkości pliku. Nazwij ją tak, by dało się odnaleźć właściwy wariant, a na stronie dodaj opis alternatywny, jeśli obraz przekazuje istotną informację. Format jest tylko jednym elementem dobrze przygotowanej grafiki.
