Logo v SVG, PDF alebo PNG: aké súbory potrebujete
Pre logo potrebujete aspoň tri súbory: vektorové SVG (web, rezací ploter na fólie, výšivka, gravírovanie), vektorové PDF alebo EPS s písmom prevedeným do kriviek (akákoľvek tlač, od vizitky 90×50 mm po banner 5 m) a PNG s priehľadným pozadím (sociálne siete, dokumenty, prezentácie). PNG si uložte vo viacerých veľkostiach, napr. 500, 1000 a 2000 px na šírku. Ak máte na tlač iba bitmapu, musí mať v mierke 1 : 1 približne 300 DPI, teda logo široké 50 mm potrebuje zhruba 600 px.
Tlačiareň chce „logo vo vektore“, vyšívačka „súbor na digitalizáciu“ a grafik pre sociálne siete „PNG bez pozadia“. Každý z nich má pravdu, pretože každý z týchto súborov slúži na niečo iné. V tomto návode vysvetľujeme, čím sa líši vektor od bitmapy, aký formát loga poslať do tlače, na web, na výšivku a na fóliu, ako pripraviť farebné verzie a ako za minútu overiť, či je váš súbor skutočný vektor, a nie obrázok, ktorý sa za vektor len vydáva.
Vektor a bitmapa: aký je medzi nimi rozdiel?
Bitmapa (PNG, JPG) je mriežka s pevným počtom pixelov. Pri zväčšení nad pôvodné rozlíšenie sú okraje zubaté a rozmazané a chýbajúcu informáciu už nie je možné obnoviť. Vektor (SVG, PDF, EPS, AI) opisuje tvary matematicky, pomocou bodov a kriviek, takže ho môžete ľubovoľne zväčšovať bez straty kvality.
Logo by malo vždy vzniknúť a byť archivované ako vektor. Bitmapy z neho exportujete až pre konkrétne použitie v konkrétnej veľkosti. Opačný postup, teda prevod PNG na vektor, si vyžaduje ručné prekreslenie alebo kompromisnú automatickú vektorizáciu.
| Vlastnosť | Vektor (SVG, PDF, EPS, AI) | Bitmapa (PNG, JPG) |
|---|---|---|
| Zmena veľkosti | Bez strát, od favicony po banner | Bez strát iba zmenšovanie |
| Priehľadné pozadie | Áno | PNG áno, JPG nie |
| Úprava farieb | Jednoduchá, každý tvar zvlášť | Náročná, farba je uložená v pixeloch |
| Rezací ploter, výšivka, gravírovanie | Nevyhnutný | Bez prekreslenia nepoužiteľná |
| Náhľad bez grafického programu | SVG v prehliadači, PDF v čítačke | Otvorí sa všade |
Ktorý súbor loga na čo?
Nasledujúci prehľad je praktický ťahák. Ak si nie ste istí, pošlite vektor, pretože z neho si každý dodávateľ vyexportuje, čo potrebuje, kým z bitmapy vektor už nevyrobí.
Pri veľkoformátovej tlači zohráva úlohu aj mierka. Bannery a roll-upy sa často pripravujú v mierke 1 : 10 a bitmapa by vtedy musela mať zodpovedajúco vyššie rozlíšenie. Vektor tento problém úplne odstraňuje.
| Použitie | Najvhodnejší formát | Poznámky |
|---|---|---|
| Tlač: vizitky, letáky, plagáty | Vektorové PDF (alebo EPS, AI) | Farby v CMYK, písmo v krivkách |
| Banner, roll-up, firemná tabuľa | Vektorové PDF | Vektor sa dá zväčšovať bez obmedzenia |
| Webová stránka | SVG | Ostré aj na displejoch s vysokou hustotou pixelov, malý súbor |
| Sociálne siete, profilový obrázok | PNG | Min. 1000 px, profilový obrázok iba so symbolom |
| Dokumenty vo Worde, prezentácie | PNG s priehľadným pozadím | Približne 1000 – 2000 px na šírku |
| Fólia, rezací ploter, vyrezávané nálepky | SVG, PDF alebo EPS | Jednoliate farby, bez prechodov a tieňov |
| Výšivka | Vektor (SVG, PDF) | Vyšívačka si z neho pripraví vlastný strojový súbor |
| Gravírovanie, laser, pečiatka | Jednofarebný vektor | Čisté kontúry, bez poltónov |
| Favicona | PNG alebo SVG | Napr. 32×32 a 180×180 px, zjednodušený symbol |
Výšivka a fólia: prečo tu bitmapa nestačí
Rezací ploter ani vyšívací stroj nevidia pixely, iba cesty. Ploter reže nožom po kontúre, preto musí byť každá farba samostatným uzavretým tvarom. Prechody, tiene a polopriehľadnosť sa na fólii bez potlače urobiť nedajú a veľmi tenké línie sa pri vypletaní fólie nemusia udržať. Minimálna hrúbka prvku závisí od typu fólie a veľkosti nálepky, preto sa na ňu opýtajte dodávateľa.
Pri výšivke počet farieb znamená počet nití a drobné nápisy sa v stehu ľahko zlejú. Vyšívačky zvyčajne neodporúčajú texty nižšie ako približne 5 – 6 mm, hranica však závisí od materiálu a druhu stehu. Preto sa oplatí mať zjednodušenú verziu loga: menej detailov, hrubšie línie a najviac niekoľko farieb s označením Pantone.
- Na fóliu: vektor, farby ako jednoliate výplne, ťahy prevedené na tvary.
- Na výšivku: vektor a čísla Pantone, zjednodušená verzia pre malé rozmery.
- Na gravírovanie: jedna farba, bez tieňovania.
Priehľadné pozadie: PNG, SVG a nástrahy
Priehľadné pozadie podporujú PNG, SVG aj PDF. JPG má pozadie vždy, najčastejšie biele, ktoré na farebnej fotografii alebo banneri vytvorí nepekný obdĺžnik. Na sociálne siete a do dokumentov preto vyberajte PNG, nie JPG.
Dajte si pozor na „falošnú priehľadnosť“, teda PNG, v ktorom je šachovnica nakreslená priamo v pixeloch. Otvorte súbor na tmavom pozadí, napríklad v tmavom režime prehliadača: ak uvidíte šachovnicu alebo biely rámik, pozadie priehľadné nie je. Pri tlači majte na pamäti aj to, že biela farba znamená absenciu farby. Biele logo na priehľadnej fólii alebo farebnom podklade si vyžaduje tlač bielou farbou, ktorú neponúka každý stroj.
Farebné verzie loga: ktoré pripraviť
Jedna farebná verzia nestačí, pretože logo sa dostáva na rôzne pozadia a do rôznych technológií. Minimálny balík tvorí plnofarebná verzia, čierna (monochromatická) a biela (negatív na tmavé pozadie). Dobré je mať aj vodorovné a zvislé usporiadanie a samotný symbol, teda grafickú značku bez názvu.
Farby si zapíšte vo viacerých systémoch. CMYK slúži na tlač, RGB a HEX na obrazovku a Pantone na priame farby, fólie, sieťotlač a výber nití pri výšivke. Tá istá „firemná modrá“ v RGB môže po jednoduchom prevode do CMYK vyjsť v tlači výrazne matnejšia, preto je najlepšie hodnoty CMYK stanoviť vedome a nespoliehať sa na automatický prevod.
| Verzia | Kde ju použijete |
|---|---|
| Plnofarebná CMYK | Tlač: letáky, plagáty, vizitky, bannery |
| Plnofarebná RGB/HEX | Web, sociálne siete, prezentácie |
| Čierna | Faktúry, pečiatky, gravírovanie, jednofarebná tlač |
| Biela (negatív) | Tmavé pozadia, fotografie, tmavé reklamné predmety |
| Symbol | Profilový obrázok, favicona, výšivka na malej ploche |
Ako spoznať skutočný vektor?
Prípona súboru nič nezaručuje. PDF, EPS a dokonca aj SVG môžu vo vnútri obsahovať obyčajnú bitmapu a premenovanie z .png na .svg vektor nevytvorí. Skôr než súbor pošlete do tlačiarne alebo vyšívačke, urobte niekoľko jednoduchých testov.
- Test zväčšenia: otvorte PDF alebo SVG a zväčšite ho na 1000 – 2000 %. Vektor má dokonale hladké okraje, bitmapa ukáže pixely alebo rozmazanie.
- Zobrazenie obrysov: v Illustratori (Ctrl+Y) alebo v Inkscape uvidíte tenké línie ciest. Ak vidíte iba obdĺžnik, vo vnútri je obrázok.
- Test výberu: v grafickom programe kliknite na písmeno alebo tvar. Vo vektore označíte jednotlivé prvky s kotviacimi bodmi.
- Náhľad kódu SVG: otvorte súbor v Poznámkovom bloku. Značky path znamenajú vektor, značka image s dlhým reťazcom znakov base64 znamená vloženú bitmapu.
- Automatická vektorizácia: nadbytok bodov, zvlnené línie a „schodíky“ na oblúkoch prezrádzajú vektor vytvorený automaticky z PNG. Na tlač zvyčajne postačí, na výšivku a fóliu je lepšie logo ručne prekresliť.
Písmo, obrysy a balík súborov na odovzdanie
Vo vektorovom súbore určenom na tlač preveďte texty do kriviek (v Illustratori: Vytvoriť obrysy). Bez toho tlačiareň, ktorá nemá vaše písmo, uvidí iný font alebo chybu. Aj línie s pevnou hrúbkou ťahu preveďte na tvary, inak sa pri zmene veľkosti môžu správať nepredvídateľne.
Overte čitateľnosť loga pri najmenšom reálnom použití, napr. pri šírke približne 15 mm na vizitke a 32 px na favicone. Ak detaily zanikajú, pripravte zjednodušenú verziu. Všetko usporiadajte do priečinka so zrozumiteľnými názvami, napr. firma-logo-vodorovne-cmyk.pdf alebo firma-symbol-biely.png. Takto pripravený balík dostanete napríklad v balíku „Návrh loga“ na plakaty.shop (wielkareklama.eu studio): 10 návrhov v PNG, SVG a vektorovom PDF za 47 €.
- Priečinok VEKTOR: PDF, SVG, prípadne EPS alebo AI, verzie CMYK a RGB.
- Priečinok PNG: farebné, čierne a biele verzie v 500, 1000 a 2000 px.
- Súbor s farbami: hodnoty CMYK, RGB, HEX a Pantone.
- Zdrojový editovateľný súbor, ak to zmluva s dizajnérom umožňuje.
Kontrolný zoznam
- Máte logo vo vektore (PDF alebo SVG) a prešlo testom zväčšenia
- Texty a ťahy sú prevedené do kriviek
- Verzia na tlač je v CMYK, verzia na obrazovku v RGB/HEX
- PNG má skutočne priehľadné pozadie, overené na tmavom podklade
- Máte farebnú, čiernu a bielu verziu aj samotný symbol
- Na fóliu a výšivku ste pripravili zjednodušenú verziu s jednoliatymi farbami a číslami Pantone
- Logo je čitateľné aj v najmenšej veľkosti, v akej ho použijete
- Súbory majú zrozumiteľné názvy a sú roztriedené do priečinkov
- Pred tlačou ste si prečítali všetky nápisy v logu aj v materiáloch
Časté otázky
Aký formát loga poslať do tlačiarne?
Najbezpečnejšie je vektorové PDF s textami prevedenými do kriviek a farbami v CMYK. Tlačiarne prijímajú aj EPS a AI. Ak máte iba PNG, musí mať v cieľovej veľkosti približne 300 DPI, čo je pri veľkých formátoch často nemožné.
Je PNG vektorový súbor?
Nie, PNG je bitmapa zložená z pixelov. Jeho výhodou je priehľadné pozadie, no pri zväčšení stráca ostrosť. Vektorové sú SVG, PDF (ak obsahuje cesty), EPS a AI.
Ako previesť logo z PNG na vektor?
Najlepší výsledok dosiahnete, keď logo ručne prekreslí grafik vo vektorovom programe. Automatická vektorizácia (napr. v Illustratori alebo Inkscape) funguje pri jednoduchých jednofarebných značkách, pri detailoch a písmenách však zanecháva nerovné okraje. Na výšivku a fóliu si takýto automatický výsledok zvyčajne vyžaduje úpravy.
SVG alebo PNG na webovú stránku?
Na logo na webe je lepšie SVG: je ostré na každej obrazovke, zvyčajne menšie a farbu mu ľahko zmeníte v CSS. PNG zvoľte tam, kde SVG nie je podporované, napr. v niektorých e-mailingových systémoch, a ako profilový obrázok na sociálnych sieťach.
Aké rozlíšenie PNG loga potrebujem na sociálne siete?
Stačí PNG so šírkou 1000 – 2000 px a priehľadným pozadím. Na profilovú fotografiu pripravte štvorec so samotným symbolom, pretože siete orezávajú profilový obrázok do kruhu a zmenšujú ho na niekoľko desiatok pixelov.
Je PDF vždy vektor?
Nie. PDF je kontajner, ktorý môže obsahovať vektorové cesty aj obyčajný obrázok. Zväčšite súbor na približne 1000 % alebo skúste označiť jednotlivé písmená: ak vidíte pixely alebo sa označí celý obdĺžnik, vo vnútri je bitmapa.
