Logo wektorowe (SVG, PDF) – jakich plików logo potrzebujesz?

Plik wektorowy to logo, które możesz powiększyć do rozmiaru billboardu i nadal nie zobaczysz ani jednego piksela.

Najważniejsze wnioski

Logo wektorowe w skrócie

Logo zapisuje się w dwóch rodzajach plików. Pliki wektorowe opisują kształty za pomocą punktów, linii i krzywych, więc program przelicza je na nowo przy każdym powiększeniu. Pliki rastrowe, czyli bitmapy, składają się z siatki pikseli o stałej liczbie, więc po powiększeniu tracą ostrość.

Wektor

SVG, PDF, EPS i AI. Skaluje się bez utraty jakości, mało waży i pozwala zmieniać kolory. Potrzebny do druku, oklejania, grawerowania i haftu.

Raster

PNG i JPG. Ma stałą liczbę pikseli, więc nadaje się do użycia w konkretnym rozmiarze: w mediach społecznościowych, w dokumencie, w prezentacji.

Komplet

Firma potrzebuje obu rodzajów: wektorów jako plików głównych oraz gotowych plików PNG i JPG wyeksportowanych z nich do codziennego użytku.

Najważniejsza zasada:

z wektora zawsze wyeksportujesz PNG albo JPG, odwrotnie już się nie da,
zmiana rozszerzenia nie zamieni bitmapy w wektor,
logo bez pliku wektorowego trzeba przerysować, zanim trafi na duży wydruk.

Jeśli zamawiasz logo u projektanta, wektor powinien być punktem wyjścia całego projektu, a nie dodatkiem, o który trzeba się upominać po odbiorze.

Różnica

Logo wektorowe a rastrowe – na czym polega różnica?

W pliku wektorowym logo jest zapisane jak instrukcja: narysuj krzywą od tego punktu do tamtego i wypełnij ją tym kolorem. Program odtwarza ten opis w dowolnej skali, dlatego ten sam plik nadaje się na pieczątkę i na plandekę ciężarówki. Kształty i kolory można też zmieniać bez utraty jakości, co ułatwia przygotowanie wersji czarnej, białej czy jednobarwnej.

W pliku rastrowym obraz jest zapisany jako mozaika pikseli. Logo w PNG o szerokości 500 pikseli wygląda dobrze w nagłówku maila, ale wydrukowane na roll-upie ma poszarpane krawędzie, bo drukarka musi dorobić brakujące piksele. Do druku przyjmuje się zwykle rozdzielczość 300 dpi w docelowym rozmiarze, więc logo szerokie na 10 centymetrów wymaga bitmapy szerokiej na około 1200 pikseli.

Kiedy raster w zupełności wystarczy?

Plik PNG lub JPG jest właściwym wyborem, gdy:

znasz docelowy rozmiar, np. zdjęcia profilowego albo grafiki do posta,
wstawiasz logo do dokumentu, prezentacji lub stopki e-mail,
serwis lub program nie przyjmuje plików wektorowych,
wysyłasz komuś podgląd znaku do akceptacji.

Formaty

Formaty plików logo: SVG, PDF, EPS, AI, PNG i JPG

Rozszerzenie pliku podpowiada, z czym masz do czynienia, ale nie przesądza o wszystkim. PDF czy EPS mogą zawierać zarówno wektor, jak i wklejony obrazek, dlatego warto wiedzieć, do czego służy każdy z formatów.

Format	Rodzaj	Do czego służy
SVG	wektor	Logo na stronę internetową. Ostry na każdym ekranie, lekki i obsługiwany przez wszystkie współczesne przeglądarki.
PDF	zwykle wektor	Uniwersalny format, który otworzysz na każdym komputerze. Najczęściej wymagany przez drukarnie, o ile logo zapisano w nim jako wektor.
EPS	zwykle wektor	Starszy format do druku. Nadal bywa wymagany przez producentów reklam i gadżetów, choć coraz częściej zastępuje go PDF.
AI	plik źródłowy	Plik programu Adobe Illustrator. Zawiera warstwy i pozwala edytować znak, więc warto go mieć, nawet jeśli sam go nie otworzysz.
PNG	bitmapa	Przezroczyste tło. Do mediów społecznościowych, dokumentów, prezentacji i stopek e-mail, eksportowany w kilku rozmiarach.
JPG	bitmapa	Bez przezroczystości, zawsze na tle i z kompresją stratną. Do podglądów i miejsc, które nie przyjmują PNG, ale nie do druku.

Plik źródłowy, czyli AI albo edytowalny PDF lub SVG, to zabezpieczenie na przyszłość: bez niego każda zmiana znaku, nawet drobna, zaczyna się od przerysowania. W plikach dla drukarni napisy powinny być zamienione na krzywe, czyli na kształty, które nie wymagają zainstalowanego fontu. Dzięki temu logo wygląda tak samo na każdym komputerze.

Wonder: jeden znak w wersji czarnej, w negatywie na ciemnym tle i w kolorze marki.

Kolory

Kolory w plikach logo: RGB, HEX, CMYK i Pantone

Ten sam znak potrzebuje kilku zapisów koloru, bo ekran i drukarka tworzą barwy w inny sposób. Monitor świeci, mieszając światło czerwone, zielone i niebieskie. Drukarka nakłada na papier farby, które pochłaniają część światła.

RGB i HEX

Kolory ekranowe. RGB zapisuje barwę trzema liczbami, a HEX to ten sam kolor w zapisie dla stron internetowych, np. #1E3A8A. Do SVG, PNG i na stronę.

CMYK

Cztery farby drukarskie: cyjan, magenta, żółta i czarna. Do ulotek, wizytówek, katalogów i większości druku cyfrowego oraz offsetowego.

Pantone

Kolory specjalne mieszane z gotowych farb według wzornika. Gdy barwa marki ma wyglądać identycznie na każdym nakładzie, opakowaniu i tkaninie.

Uwaga na intensywne kolory: części jaskrawych barw, które dobrze wyglądają na ekranie, nie da się odwzorować w CMYK. Neonowa zieleń czy intensywny błękit po wydruku wychodzą zwykle ciemniejsze i bardziej szare. Dlatego projektant powinien od razu dobrać ekranowy i drukowy zapis każdego koloru marki i sprawdzić znak na wydruku próbnym.

Kody kolorów warto spisać w jednym miejscu, np. w instrukcji logo albo w księdze znaku, żeby drukarnia, programista i osoba prowadząca media społecznościowe korzystali z tych samych wartości. Jak dobrać paletę do marki, opisujemy w tekście o kolorach i typografii marki.

Zastosowania

Jaki plik logo do druku, na stronę i do mediów społecznościowych?

Najprościej zapamiętać, że do produkcji rzeczy fizycznych wysyła się wektor, a na ekrany gotowe pliki w docelowym rozmiarze. Szczegóły zależą od nośnika.

Logo do druku i produkcji

Drukarnie najczęściej proszą o PDF z logo w CMYK i z napisami zamienionymi na krzywe. Przy dużych formatach, oklejaniu samochodów i witryn, wycinaniu liter z folii czy grawerowaniu laserowym wektor jest wręcz konieczny, bo maszyna prowadzi nóż albo laser po liniach znaku. Hafciarnia przygotowuje własny plik dla maszyny, ale zrobi to szybciej i dokładniej na podstawie wektora niż ze zdjęcia logo.

Logo na stronę internetową

Na stronie najlepiej sprawdza się SVG: jest ostry na ekranach o wysokiej rozdzielczości i zwykle waży mniej niż PNG. WordPress domyślnie nie pozwala wgrywać plików SVG do biblioteki mediów, bo mogą one zawierać kod. Potrzebna jest więc wtyczka, która takie pliki sprawdza i oczyszcza, albo osoba, która wstawi logo bezpośrednio w motywie. Z sygnetu przygotowuje się też favicon, czyli ikonę w karcie przeglądarki. Google, pokazując ją w wynikach wyszukiwania, wymaga kwadratu i zaleca rozmiar większy niż 48 × 48 pikseli.

Media społecznościowe, e-mail i dokumenty

Do zdjęcia profilowego, grafik i stopki e-mail używa się PNG. Część programów pocztowych, w tym aplikacje Gmail, nie wyświetla poprawnie obrazów SVG, więc stopka z logo w tym formacie może się u części odbiorców w ogóle nie pokazać. Do Worda i PowerPointa najprościej wstawić PNG w dużej rozdzielczości. Nowsze wersje pakietu Office przyjmują też SVG, ale nie każdy odbiorca dokumentu z nich korzysta.

Kancelaria Siemianowski: ten sam znak na stronie internetowej i w druku.

Test

Jak sprawdzić, czy logo jest wektorowe?

Rozszerzenie nie wystarczy. Zdarza się, że ktoś zapisze zdjęcie logo jako PDF albo wklei bitmapę do pliku SVG, a drukarnia odkrywa to dopiero przy przygotowaniu zlecenia. Sprawdzenie zajmuje kilka minut.

Powiększ znak

Otwórz plik PDF lub SVG i powiększ go do 800–1600%. Krawędzie wektora pozostają gładkie, a bitmapa zaczyna się rozmywać albo pokazuje schodki z pikseli.

Zajrzyj do SVG

Otwórz plik SVG w edytorze tekstu. Prawdziwy wektor zawiera opisy kształtów, np. znaczniki „path”. Znacznik „image” z długim ciągiem znaków oznacza wklejony obrazek.

Włącz kontury

W programie graficznym, np. w Illustratorze albo bezpłatnym Inkscape, przełącz widok na kontury. Wektor pokaże linie i punkty, a wklejony obrazek tylko prostokątną ramkę.

Zapytaj autora

Jeśli logo projektował ktoś inny, poproś o plik źródłowy i wersje do druku. Dobrze przygotowany projekt powinien je zawierać od początku.

Gdy brakuje wektora

Masz logo tylko w JPG? Na czym polega wektoryzacja logo

Wektoryzacja to zamiana bitmapy na plik wektorowy. Da się ją zrobić automatycznie, np. funkcją obrysowania obrazu w programie graficznym albo w narzędziu online, ale przy logo efekt rzadko jest dobry. Automat odtwarza rozmycia i nierówności małego JPG, więc krawędzie wychodzą falowane, łuki krzywe, a litery tracą proporcje.

Przy znaku firmowym lepiej sprawdza się przerysowanie. Projektant odtwarza logo ręcznie na podstawie najlepszego dostępnego pliku, dobiera albo odtwarza krój pisma i ustala dokładne kolory. To dobry moment, żeby od razu przygotować brakujące wersje, np. poziomą, pionową i sam sygnet.

Kiedy lepiej odświeżyć znak? Gdy logo ma drobne detale, cienie i gradienty, które i tak znikają w małych rozmiarach, albo nie pasuje już do tego, jak firma wygląda dziś. Przerysowanie takiego znaku 1:1 utrwala jego problemy. Jak zmienić logo i nie stracić rozpoznawalności, piszemy w tekście o rebrandingu bez utraty rozpoznawalności.

Odbiór projektu

Jakie pliki logo powinna dostać firma po projekcie?

Dobrze przekazany projekt logo to uporządkowany folder, w którym bez pytania projektanta znajdziesz plik dla drukarni, na stronę i do mediów społecznościowych.

Komplet plików logo:

wektory: SVG do internetu oraz PDF lub EPS do druku, z napisami zamienionymi na krzywe,
plik źródłowy, np. AI, jeśli znak będzie w przyszłości rozwijany,
PNG z przezroczystym tłem w kilku rozmiarach i JPG do podglądu,
wersje: pozioma i pionowa, sam sygnet, kolorowa, czarna i biała (negatyw),
osobne eksporty z kolorami ekranowymi (RGB) i drukowymi (CMYK),
favicon i grafika profilowa przygotowane z sygnetu,
kody kolorów HEX, RGB i CMYK, a przy dużej ilości druku także odpowiedniki Pantone.

W naszych pakietach już Logo Startowe zawiera pliki SVG, PDF, PNG i JPG, paletę kolorów HEX, RGB i CMYK, favicon, grafikę profilową do mediów społecznościowych i instrukcję, który plik do czego służy. Mini Branding dokłada plik źródłowy AI i osobne eksporty do internetu i druku, a Branding Premium także format EPS i odpowiedniki kolorów Pantone. Każdy pakiet obejmuje przeniesienie praw autorskich, bo sam komplet plików nie wystarczy, jeśli firma nie może swobodnie z nich korzystać. Co wpływa na cenę, opisujemy w tekście ile kosztuje logo dla firmy, a różnice między logotypem i sygnetem w poradniku logo a logotyp.

Zaprojektowani • Logo • Pliki do internetu i druku

Potrzebujesz logo z kompletem plików?

Projektujemy logo razem z wersjami, plikami do internetu i druku oraz instrukcją, który plik wysłać drukarni, a który wgrać na stronę. Projekt logo zaczyna się od 999 zł, a prawa autorskie przekazujemy w każdym pakiecie.

Otrzymaj wycenę Projektowanie logo Napisz na WhatsApp

Pytania i odpowiedzi

Najczęstsze pytania o logo wektorowe i pliki logo

Co to jest logo wektorowe?

To logo zapisane jako zestaw linii, krzywych i wypełnień opisanych matematycznie, a nie jako siatka pikseli. Dzięki temu można je dowolnie powiększać i zmniejszać bez utraty jakości oraz łatwo zmieniać jego kolory.

Jakie formaty logo są wektorowe?

Wektorowe są pliki SVG, AI i EPS, a także PDF, jeśli logo zapisano w nim jako wektor, a nie wklejony obrazek. PNG, JPG, GIF i WebP to formaty rastrowe, złożone z pikseli.

Czy PNG to plik wektorowy?

Nie. PNG to bitmapa o stałej liczbie pikseli, która po powiększeniu traci ostrość. Ma za to przezroczyste tło, więc dobrze sprawdza się w dokumentach, prezentacjach i mediach społecznościowych, o ile ma odpowiedni rozmiar.

Jaki format logo do druku wybrać?

Najbezpieczniejszy jest PDF z logo w wektorach, w kolorach CMYK i z napisami zamienionymi na krzywe. Część drukarni i producentów gadżetów nadal prosi o EPS albo AI, a przy kolorach specjalnych o numery Pantone, dlatego zawsze warto sprawdzić wymagania konkretnej drukarni.

Jak zamienić logo z JPG na wektor?

Automatyczne obrysowanie w programie graficznym albo narzędziu online daje zwykle nierówne krawędzie i zniekształcone litery. Przy logo lepiej zlecić przerysowanie znaku projektantowi, który odtworzy kształty, krój pisma i kolory, a przy okazji przygotuje brakujące wersje.

Jaki format logo na stronę internetową?

Najlepszy jest SVG, bo pozostaje ostry na każdym ekranie i zwykle mało waży. W WordPressie wgranie SVG wymaga wtyczki, która sprawdza takie pliki, albo wstawienia logo w motywie. Do stopki e-mail i mediów społecznościowych lepiej użyć PNG.

Jakie pliki logo powinienem dostać od projektanta?

Co najmniej SVG, PDF, PNG i JPG w wersji kolorowej, czarnej i białej, z eksportami do internetu i druku oraz kodami kolorów. Przy większych projektach także plik źródłowy, EPS i odpowiedniki Pantone. Równie ważne jest przeniesienie praw autorskich do znaku.

Podsumowanie

Logo wektorowe – co warto zapamiętać?

Logo wektorowe w formacie SVG, PDF, EPS lub AI to plik główny, z którego powstają wszystkie pozostałe. Służy do druku, oklejania, grawerowania i na stronę, bo nie traci jakości w żadnym rozmiarze. Pliki PNG i JPG to gotowe kopie do konkretnych miejsc: mediów społecznościowych, dokumentów i e-maili.

Jeśli masz tylko bitmapę, nie zmieniaj rozszerzenia ani nie licz na automatyczną konwersję. Poproś projektanta o przerysowanie znaku albo, gdy logo się zestarzało, o jego odświeżenie. Przy nowym projekcie od razu ustal, jakie pliki, wersje i zapisy kolorów dostaniesz oraz czy przechodzą na Ciebie prawa autorskie.