Grafika wektorowa vs rastrowa — kiedy używać SVG, PNG, JPEG
Logo przesłane w JPEG 72dpi do drukarni to przepis na katastrofę. Rozumienie formatów graficznych pozwala uniknąć kosztownych błędów.
Dostaję co jakiś czas maile z prośbą o "poprawę jakości loga" — i plik JPEG 200×200 pikseli. Nie da się. JPEG to siatka pikseli — powiększenie oznacza rozmycie lub pikselizację. To jest fundamentalna różnica między grafiką rastrową a wektorową i każdy, kto pracuje z materiałami firmowymi, powinien ją rozumieć.
Grafika rastrowa (bitmapa)
Grafika rastrowa to siatka pikseli. Każdy piksel ma kolor. Powiększanie oznacza rozciąganie tej siatki — stąd pikselizacja. Zmniejszanie oznacza gubienie pikseli — stąd utrata szczegółów. Formaty rastrowe: JPEG (kompresja stratna, małe pliki, do zdjęć), PNG (kompresja bezstratna, obsługuje przezroczystość, do grafik z ostrymi krawędziami), TIFF (bez kompresji, do druku).
Grafika wektorowa
Grafika wektorowa to matematyczne opisy kształtów, krzywych i kolorów. Nie ma pikseli — jest kod (np. "narysuj okrąg o promieniu 50px w tym kolorze"). Powiększanie do dowolnego rozmiaru bez utraty jakości. Formaty wektorowe: SVG (do internetu, edytowalny w kodzie), AI (Adobe Illustrator, źródło), EPS (do druku, starszy standard), PDF (do druku, prezentacji).
Który format kiedy?
- Logo na stronę www — SVG (skalowalny, lekki) lub PNG z przezroczystością
- Logo do druku — PDF lub EPS (wektorowy, CMYK)
- Zdjęcia do internetu — JPEG (mały rozmiar), WebP (jeszcze mniejszy)
- Zdjęcia do druku — TIFF lub JPEG 300dpi bez kompresji
- Infografika z tekstem do druku — PDF wektorowy
- Ikony i ilustracje — SVG lub PNG 2x (retina)
Rozdzielczość — co to znaczy i kiedy ma znaczenie
72 dpi to standard dla internetu — tyle ile ekran jest w stanie wyświetlić. 300 dpi to standard dla druku — tyle potrzeba, żeby wydruk był ostry. Drukując plik 72 dpi, drukarka musi "rozciągnąć" piksele — efekt: rozmyta grafika. Dlatego zawsze pytaj projektanta o pliki 300 dpi do druku. Dla wektorów kwestia dpi nie dotyczy — można generować w dowolnej rozdzielczości.
Jak sprawdzić czy masz wersję wektorową logo?
Otwórz plik w Adobe Illustrator lub Inkscape (darmowy). Jeśli możesz klikać w każdy element logo oddzielnie i skalować bez utraty jakości — masz wektor. Jeśli po otwarciu widzisz jeden blok pikseli — masz raster. Alternatywnie: sprawdź rozszerzenie — .ai, .eps, .svg, .pdf (zazwyczaj wektor) vs .jpg, .jpeg, .png, .tiff, .bmp (zawsze raster).
