Logo w SVG, PDF czy PNG: które pliki są potrzebne
Do logo potrzebujesz co najmniej trzech plików: wektorowego SVG (strona www, ploter do folii, haft, grawer), wektorowego PDF lub EPS z fontami zamienionymi na krzywe (każdy druk, od wizytówki 90×50 mm po baner 5 m) oraz PNG z przezroczystym tłem (social media, dokumenty, prezentacje). PNG zapisz w kilku rozmiarach, np. 500, 1000 i 2000 px szerokości. Jeśli do druku masz tylko bitmapę, musi mieć ok. 300 DPI w skali 1:1, czyli logo szerokie na 50 mm wymaga około 600 px.
Drukarnia prosi o „logo w wektorze”, hafciarnia o „plik do digitalizacji”, a grafik od social mediów o „PNG bez tła”. Każdy z nich ma rację, bo każdy z tych plików służy do czegoś innego. W tym poradniku wyjaśniamy, czym różni się wektor od bitmapy, który format logo wysłać do druku, na stronę, do haftu i na folię, jak przygotować wersje kolorystyczne i jak w minutę sprawdzić, czy Twój plik to prawdziwy wektor, a nie obrazek udający wektor.
Wektor a bitmapa: czym się różnią?
Bitmapa (PNG, JPG) to siatka pikseli o stałej liczbie. Po powiększeniu ponad rozdzielczość źródłową krawędzie robią się poszarpane i rozmyte, a tej informacji nie da się już odzyskać. Wektor (SVG, PDF, EPS, AI) opisuje kształty matematycznie, punktami i krzywymi, więc możesz go skalować dowolnie bez utraty jakości.
Logo zawsze powinno powstać i być archiwizowane jako wektor. Bitmapy eksportujesz z niego dopiero na konkretne potrzeby, w konkretnym rozmiarze. Odwrotna droga, czyli zamiana PNG na wektor, wymaga ręcznego przerysowania albo kompromisowego automatycznego obrysu.
| Cecha | Wektor (SVG, PDF, EPS, AI) | Bitmapa (PNG, JPG) |
|---|---|---|
| Skalowanie | Bez strat, od favicony po baner | Tylko pomniejszanie bez strat |
| Przezroczyste tło | Tak | PNG tak, JPG nie |
| Edycja kolorów | Łatwa, każdy kształt osobno | Trudna, kolor zapisany w pikselach |
| Ploter tnący, haft, grawer | Wymagany | Nieprzydatna bez przerysowania |
| Podgląd bez programu graficznego | SVG w przeglądarce, PDF w czytniku | Otworzy się wszędzie |
Który plik logo do czego?
Poniższe zestawienie to praktyczna ściąga. W razie wątpliwości wysyłaj wektor, bo z niego każdy wykonawca wyeksportuje to, czego potrzebuje, a z bitmapy wektora już nie zrobi.
Przy druku wielkoformatowym liczy się też skala. Banery i roll-upy przygotowuje się często w skali 1:10, a wtedy bitmapa musiałaby mieć odpowiednio wyższą rozdzielczość. Wektor ten problem całkowicie usuwa.
| Zastosowanie | Najlepszy format | Uwagi |
|---|---|---|
| Druk: wizytówki, ulotki, plakaty | PDF wektorowy (lub EPS, AI) | Kolory CMYK, fonty na krzywych |
| Baner, roll-up, szyld | PDF wektorowy | Wektor skaluje się bez limitu |
| Strona www | SVG | Ostre na ekranach o wysokiej gęstości pikseli, mały plik |
| Social media, avatar | PNG | Min. 1000 px, avatar z samego sygnetu |
| Dokumenty Word, prezentacje | PNG z przezroczystym tłem | Ok. 1000–2000 px szerokości |
| Folia, ploter tnący, naklejki wycinane | SVG, PDF lub EPS | Jednolite kolory, bez gradientów i cieni |
| Haft | Wektor (SVG, PDF) | Hafciarnia robi z niego własny plik maszynowy |
| Grawer, laser, pieczątka | Wektor jednokolorowy | Czyste kontury, bez półtonów |
| Favicona | PNG lub SVG | Np. 32×32 i 180×180 px, uproszczony znak |
Haft i folia: dlaczego tu bitmapa nie wystarczy
Ploter tnący i maszyna hafciarska nie widzą pikseli, tylko ścieżki. Ploter tnie nożem po konturze, więc każdy kolor musi być osobnym, zamkniętym kształtem. Gradienty, cienie i półprzezroczystości są w folii niewykonalne bez druku, a bardzo cienkie linie mogą się nie utrzymać przy wybieraniu folii. Minimalna grubość elementu zależy od rodzaju folii i wielkości naklejki, więc zapytaj o nią wykonawcę.
W hafcie liczba kolorów to liczba nici, a drobne napisy łatwo zlewają się w ściegu. Hafciarnie zwykle odradzają teksty niższe niż ok. 5–6 mm, ale granica zależy od materiału i ściegu. Dlatego warto mieć uproszczoną wersję logo: mniej detali, grubsze linie, maksymalnie kilka kolorów z oznaczeniem Pantone.
- Do folii: wektor, kolory jako jednolite wypełnienia, kontury zamienione na kształty.
- Do haftu: wektor plus numery Pantone, uproszczona wersja dla małych rozmiarów.
- Do graweru: jeden kolor, bez cieniowania.
Przezroczyste tło: PNG, SVG i pułapki
Przezroczyste tło obsługują PNG, SVG i PDF. JPG zawsze ma tło, najczęściej białe, które na kolorowym zdjęciu lub banerze tworzy brzydki prostokąt. Dlatego do social mediów i dokumentów wybieraj PNG, a nie JPG.
Uważaj na „fałszywą przezroczystość”, czyli PNG, w którym szachownica jest namalowana w pikselach. Otwórz plik na ciemnym tle, na przykład w trybie ciemnym przeglądarki: jeśli zobaczysz szachownicę lub białą ramkę, tło nie jest przezroczyste. W druku pamiętaj też, że biały kolor to brak farby. Białe logo na przezroczystej folii lub kolorowym podłożu wymaga druku białym kolorem, który nie każda maszyna oferuje.
Wersje kolorystyczne logo: jakie przygotować
Jedna kolorowa wersja nie wystarczy, bo logo trafia na różne tła i różne technologie. Minimalny komplet to wersja pełnokolorowa, czarna (monochromatyczna) i biała (negatyw na ciemne tło). Dobrze mieć też układ poziomy, pionowy i sam sygnet, czyli znak graficzny bez nazwy.
Kolory zapisuj w kilku systemach. CMYK służy do druku, RGB i HEX do ekranu, a Pantone do kolorów specjalnych, folii, sitodruku i doboru nici w hafcie. Ten sam „firmowy niebieski” w RGB może po prostym przeliczeniu na CMYK wyjść w druku wyraźnie bardziej matowy, dlatego wartości CMYK najlepiej ustalić świadomie, a nie zdać się na automat.
| Wersja | Gdzie jej użyjesz |
|---|---|
| Pełnokolorowa CMYK | Druk: ulotki, plakaty, wizytówki, banery |
| Pełnokolorowa RGB/HEX | Strona www, social media, prezentacje |
| Czarna | Faktury, pieczątki, grawer, druk jednokolorowy |
| Biała (negatyw) | Ciemne tła, zdjęcia, ciemne gadżety |
| Sygnet | Avatar, favicona, haft na małej powierzchni |
Jak rozpoznać prawdziwy wektor?
Rozszerzenie pliku niczego nie gwarantuje. PDF, EPS, a nawet SVG mogą zawierać w środku zwykłą bitmapę, a zmiana nazwy z .png na .svg nie tworzy wektora. Zanim wyślesz plik do drukarni lub hafciarni, zrób kilka prostych testów.
- Test powiększenia: otwórz PDF lub SVG i powiększ do 1000–2000%. Wektor ma idealnie gładkie krawędzie, bitmapa pokaże piksele lub rozmycie.
- Widok konturów: w Illustratorze (Ctrl+Y) lub Inkscape zobaczysz cienkie linie ścieżek. Jeśli widzisz tylko prostokąt, w środku jest obrazek.
- Test zaznaczania: w programie graficznym kliknij literę lub kształt. W wektorze zaznaczysz pojedyncze elementy z punktami węzłowymi.
- Podgląd kodu SVG: otwórz plik w Notatniku. Znaczniki path to wektor, znacznik image z długim ciągiem znaków base64 oznacza osadzoną bitmapę.
- Automatyczny obrys: nadmiar punktów, falujące linie i „schodki” na łukach zdradzają wektor zrobiony automatem z PNG. Do druku zwykle wystarczy, do haftu i folii lepiej przerysować ręcznie.
Fonty, kontury i komplet plików do przekazania
W pliku wektorowym do druku zamień teksty na krzywe (w Illustratorze: Utwórz kontury). Bez tego drukarnia, która nie ma Twojego fontu, zobaczy inny krój albo błąd. Linie o stałej grubości obrysu też zamień na kształty, inaczej przy skalowaniu mogą zachowywać się nieprzewidywalnie.
Sprawdź czytelność logo w najmniejszym realnym zastosowaniu, np. przy ok. 15 mm szerokości na wizytówce i 32 px na faviconie. Jeśli detale znikają, przygotuj wersję uproszczoną. Całość uporządkuj w folderze z czytelnymi nazwami, np. firma-logo-poziome-cmyk.pdf czy firma-sygnet-bialy.png. Tak przygotowany zestaw dostajesz na przykład w pakiecie „Projekt logo” w plakaty.shop (wielkareklama.eu studio): 10 propozycji w PNG, SVG i PDF wektorowym za 199 zł.
- Folder WEKTOR: PDF, SVG, ewentualnie EPS lub AI, wersje CMYK i RGB.
- Folder PNG: wersje kolorowe, czarne i białe w 500, 1000 i 2000 px.
- Plik z kolorami: wartości CMYK, RGB, HEX i Pantone.
- Źródłowy plik edytowalny, jeśli umowa z projektantem to przewiduje.
Lista kontrolna
- Masz logo w wektorze (PDF lub SVG) i przeszło test powiększenia
- Teksty i obrysy są zamienione na krzywe
- Wersja do druku jest w CMYK, wersja na ekran w RGB/HEX
- PNG ma prawdziwie przezroczyste tło, sprawdzone na ciemnym tle
- Masz wersję kolorową, czarną, białą i sam sygnet
- Do folii i haftu przygotowałeś uproszczoną wersję z jednolitymi kolorami i numerami Pantone
- Logo jest czytelne w najmniejszym rozmiarze, w jakim go użyjesz
- Pliki mają czytelne nazwy i są posegregowane w folderach
- Przeczytałeś wszystkie napisy w logo i materiałach przed drukiem
Najczęstsze pytania
Jaki format logo wysłać do drukarni?
Najbezpieczniej PDF wektorowy z tekstami zamienionymi na krzywe i kolorami w CMYK. Drukarnie akceptują też EPS i AI. Jeśli masz tylko PNG, musi mieć ok. 300 DPI w docelowym rozmiarze, co przy dużych formatach często jest niemożliwe.
Czy PNG to plik wektorowy?
Nie, PNG to bitmapa złożona z pikseli. Ma zaletę przezroczystego tła, ale po powiększeniu traci ostrość. Wektorowe są SVG, PDF (jeśli zawiera ścieżki), EPS i AI.
Jak zamienić logo PNG na wektor?
Najlepszy efekt daje ręczne przerysowanie logo przez grafika w programie wektorowym. Automatyczny obrys (np. w Illustratorze lub Inkscape) sprawdza się przy prostych, jednokolorowych znakach, ale przy detalach i literach zostawia nierówne krawędzie. Do haftu i folii taki automat zwykle wymaga poprawek.
SVG czy PNG na stronę internetową?
Do logo na stronie lepszy jest SVG: jest ostry na każdym ekranie, zwykle lżejszy i łatwo zmienić mu kolor w CSS. PNG wybierz tam, gdzie SVG nie jest obsługiwany, np. w niektórych systemach mailingowych, oraz jako awatar w social mediach.
Jakiej rozdzielczości PNG logo potrzebuję do social mediów?
Wystarczy PNG o szerokości 1000–2000 px z przezroczystym tłem. Na zdjęcie profilowe przygotuj kwadrat z samym sygnetem, bo serwisy przycinają avatar do koła i pomniejszają go do kilkudziesięciu pikseli.
Czy PDF zawsze jest wektorem?
Nie. PDF to kontener, który może zawierać zarówno ścieżki wektorowe, jak i zwykły obrazek. Powiększ plik do ok. 1000% albo spróbuj zaznaczyć pojedyncze litery: jeśli widzisz piksele lub zaznacza się cały prostokąt, w środku jest bitmapa.