Grafika do druku – co musisz wiedzieć
Materiały drukowane, takie jak ulotki, plakaty czy wizytówki, muszą być bardzo dokładnie przygotowane, bo każda niedokładność będzie widoczna na papierze. Druk to proces fizyczny, który nie wybacza błędów. Oto kluczowe parametry, które musisz znać:
1. Rozdzielczość: 300 DPI
DPI (dots per inch, czyli punkty na cal) określa jakość obrazu. W druku potrzebujemy wysokiej rozdzielczości, aby obraz był ostry i szczegółowy.
Zasada: Grafika do druku = minimum 300 DPI
Jeśli plik ma zbyt mało DPI (np. 72 DPI), wydruk będzie rozmazany lub „pikselowaty".
Przykład: Pobierasz logo z Google Images (72 DPI) i dajesz do wydruku na baner 2×3 metry. Efekt? Rozmazane, nieczytelne logo. Zawsze proszę o plik źródłowy w wysokiej rozdzielczości od klienta lub tworzę go od nowa.
2. Kolorystyka: CMYK
To zestaw czterech kolorów: Cyjan (Cyan), Magenta, Żółty (Yellow) i Czarny (blacK). Takie barwy wykorzystują drukarki.
Jeśli przygotujesz projekt w RGB (jak do internetu), kolory na wydruku mogą wyglądać zupełnie inaczej – zwykle będą bledsze i mniej nasycone.
Najczęstszy błąd: Klient przygotowuje projekt w Canvie (RGB), drukuje, a kolory są „jakieś takie inne". Dlatego zawsze konwertuję pliki do CMYK przed wysłaniem do drukarni.
3. Format pliku: PDF, TIFF, AI
Pliki te zachowują najwyższą jakość i są „czytelne" dla drukarni:
- PDF – Najbezpieczniejszy wybór. Zapisuje obraz, fonty i ustawienia druku w jednym pliku. Zawsze eksportuję jako PDF/X-1a lub PDF/X-4.
- TIFF – Format bezstratny, zachowuje pełną jakość, ale plik jest duży.
- AI (Adobe Illustrator) – Plik roboczy, idealny dla drukarni, które mają ten program.
- JPG – Bywa akceptowany, ale łatwo traci jakość, zwłaszcza przy kompresji. Unikam go do druku.
4. Spady i marginesy – krytyczne dla druku!
Spady (bleed) to dodatkowy margines (zwykle 2–3 mm) wokół projektu, który zostanie odcięty po wydruku. Dzięki temu nie ma ryzyka, że na krawędzi ulotki czy plakatu pojawi się biała ramka.
Margines wewnętrzny (safe zone) to bezpieczna przestrzeń – teksty i ważne elementy graficzne nie powinny go przekraczać, żeby nie zostały ucięte.
Standardowe wymiary z spadami:
• Ulotka A5 (148 × 210 mm) + spady 3 mm = 154 × 216 mm
• Wizytówka (85 × 55 mm) + spady 2 mm = 89 × 59 mm
• Plakat A3 (297 × 420 mm) + spady 3 mm = 303 × 426 mm
Grafika do internetu – szybkość i optymalizacja
W internecie rządzą inne zasady. Tutaj liczy się szybkość ładowania, waga pliku i dostosowanie do różnych ekranów. Oto co musisz wiedzieć:
1. Rozdzielczość: 72 DPI
Ekrany komputerów i telefonów wyświetlają obrazy w niższej rozdzielczości niż druk. 72 DPI w zupełności wystarczy – wyższa rozdzielczość tylko niepotrzebnie zwiększa rozmiar pliku i spowalnia stronę.
Wyjątek: Ekrany Retina (Apple) i inne wyświetlacze o wysokiej gęstości pikseli wymagają grafik w rozdzielczości 2× (144 DPI). W praktyce oznacza to przygotowanie grafiki 2× większej i przeskalowanie w kodzie strony.
2. Kolorystyka: RGB
Ekrany wyświetlają kolory w RGB (Red, Green, Blue). To tryb addytywny – kolory łączą się tworząc jaśniejsze barwy, aż do białego.
Grafika w RGB ma szerszą paletę kolorów niż CMYK, dlatego banery internetowe mogą być bardziej soczyste i nasycone niż wydruki.
3. Format pliku: JPG, PNG, WebP, SVG
- JPG – Najlepszy do zdjęć i grafik z wieloma kolorami. Mała waga, dobra kompresja. Idealne do banerów, postów na social media.
- PNG – Zachowuje przezroczystość (alfa channel). Idealne do logo, ikon, grafik z przezroczystym tłem. Nieco większy plik niż JPG.
- WebP – Nowoczesny format Google. Lepsza kompresja niż JPG przy tej samej jakości. Coraz bardziej popularny.
- SVG – Grafika wektorowa. Idealna do logo, ikon, prostych ilustracji. Skaluje się bez utraty jakości, bardzo mały plik.
Moja zasada:
• Zdjęcia i banery → JPG lub WebP
• Logo i ikony → PNG lub SVG
• Grafiki z przezroczystością → PNG
• Ilustracje wektorowe → SVG
4. Optymalizacja rozmiaru – kluczowa dla szybkości strony
Ciężkie obrazy spowalniają stronę, co frustruje użytkowników i obniża pozycję w Google. Zawsze optymalizuję grafiki przed wgraniem na stronę:
- Kompresja JPG: 80–85% jakości (sweet spot między wagą a jakością)
- Narzędzia: TinyPNG, ImageOptim, Squoosh (Google)
- Cel: obrazy poniżej 200 KB, najlepiej 100 KB
Najczęstsze błędy – i jak ich unikać
❌ Błąd 1: Wysłanie grafiki 72 DPI do drukarni
Skutek: Rozmazany, nieostry wydruk, pikselowate logo.
Rozwiązanie: Zawsze sprawdzaj rozdzielczość pliku przed wysłaniem. W Photoshopie: Image → Image Size → sprawdź "Resolution" (powinno być 300 pixels/inch).
❌ Błąd 2: Przygotowanie projektu w RGB i wysłanie do druku
Skutek: Kolory na wydruku są bledsze, niż widziałeś na ekranie.
Rozwiązanie: Konwertuj do CMYK przed drukiem. W Adobe: Edit → Convert to Profile → CMYK.
❌ Błąd 3: Brak spadów druku
Skutek: Białe ramki na krawędziach ulotki lub plakatu.
Rozwiązanie: Dodaj 2–3 mm spadu wokół całego projektu i wypełnij go kolorem/tłem.
❌ Błąd 4: Wgranie ogromnego zdjęcia 5 MB na stronę
Skutek: Strona ładuje się 10 sekund, użytkownicy uciekają, Google obniża pozycję.
Rozwiązanie: Zawsze optymalizuj obrazy przed wgraniem (cel: poniżej 200 KB).
Szybka ściąga: Druk vs. Internet
| Parametr | Druk | Internet |
| Rozdzielczość | 300 DPI | 72 DPI (lub 144 dla Retina) |
| Kolory | CMYK | RGB |
| Format | PDF, TIFF, AI | JPG, PNG, WebP, SVG |
| Spady | 2–3 mm (wymagane!) | Nie stosuje się |
| Rozmiar pliku | Bez znaczenia (jakość > waga) | Krytyczne! (< 200 KB) |
Podsumowanie
Różnice między grafiką do druku a grafiką do internetu mogą wydawać się skomplikowane, ale wystarczy zapamiętać kilka podstawowych zasad:
- Druk: 300 DPI, CMYK, PDF, spady 2–3 mm, margines bezpieczeństwa
- Internet: 72 DPI, RGB, JPG/PNG/WebP, optymalizacja rozmiaru
Jeśli przygotowujesz materiały samodzielnie, zawsze sprawdź te parametry przed wysłaniem do drukarni lub wgraniem na stronę. A jeśli masz wątpliwości – lepiej zapytać grafika lub drukarnię niż popełnić kosztowny błąd.
Potrzebujesz materiałów do druku lub grafik na stronę?
Przygotuję dla Ciebie ulotki, banery, wizytówki czy grafiki na social media — w odpowiednich formatach, kolorach i rozdzielczości. Bez błędów, bez stresu.