wielkareklama.eustudio
Strona główna › Poradniki › Logo i marka

Logo w SVG, PDF czy PNG: które pliki są potrzebne

Logo i marka6 min czytania · Aktualizacja:

W skrócie

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.

CechaWektor (SVG, PDF, EPS, AI)Bitmapa (PNG, JPG)
SkalowanieBez strat, od favicony po banerTylko pomniejszanie bez strat
Przezroczyste tłoTakPNG tak, JPG nie
Edycja kolorówŁatwa, każdy kształt osobnoTrudna, kolor zapisany w pikselach
Ploter tnący, haft, grawerWymaganyNieprzydatna bez przerysowania
Podgląd bez programu graficznegoSVG w przeglądarce, PDF w czytnikuOtworzy 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.

ZastosowanieNajlepszy formatUwagi
Druk: wizytówki, ulotki, plakatyPDF wektorowy (lub EPS, AI)Kolory CMYK, fonty na krzywych
Baner, roll-up, szyldPDF wektorowyWektor skaluje się bez limitu
Strona wwwSVGOstre na ekranach o wysokiej gęstości pikseli, mały plik
Social media, avatarPNGMin. 1000 px, avatar z samego sygnetu
Dokumenty Word, prezentacjePNG z przezroczystym tłemOk. 1000–2000 px szerokości
Folia, ploter tnący, naklejki wycinaneSVG, PDF lub EPSJednolite kolory, bez gradientów i cieni
HaftWektor (SVG, PDF)Hafciarnia robi z niego własny plik maszynowy
Grawer, laser, pieczątkaWektor jednokolorowyCzyste kontury, bez półtonów
FaviconaPNG lub SVGNp. 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.

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.

WersjaGdzie jej użyjesz
Pełnokolorowa CMYKDruk: ulotki, plakaty, wizytówki, banery
Pełnokolorowa RGB/HEXStrona www, social media, prezentacje
CzarnaFaktury, pieczątki, grawer, druk jednokolorowy
Biała (negatyw)Ciemne tła, zdjęcia, ciemne gadżety
SygnetAvatar, 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.

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ł.

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.

Czytaj też

Logo i markaJak zaprojektować logo dla małej firmy: rodzaje, zasady, testy i błędyLogo i markaIdentyfikacja wizualna małej firmy: od czego zacząćLogo i markaJak wymyślić nazwę firmy i sprawdzić, czy jest wolnaBranżeReklama dla gastronomii: ulotki, plakaty, menu i grafiki — pomysły i przykłady

Wszystkie poradniki →