Logo v SVG, PDF nebo PNG: jaké soubory potřebujete
K logu potřebujete nejméně tři soubory. Vektorové SVG slouží pro web, řezací plotr na fólie, výšivku a gravírování. Vektorové PDF nebo EPS s fonty převedenými do křivek použijete pro jakýkoli tisk, od vizitky 90×50 mm po 5m banner. PNG s průhledným pozadím je pro sociální sítě, dokumenty a prezentace. PNG uložte v několika velikostech, např. 500, 1000 a 2000 px na šířku. Pokud máte pro tisk jen bitmapu, musí mít v měřítku 1:1 zhruba 300 DPI, takže logo široké 50 mm vyžaduje asi 600 px.
Tiskárna chce „logo ve vektoru“, vyšívací dílna „podklad k digitalizaci“ a grafik, který Vám spravuje sociální sítě, „PNG bez pozadí“. Všichni mají pravdu, protože každý z těchto souborů slouží k něčemu jinému. V tomto průvodci vysvětlujeme, jaký je rozdíl mezi vektorem a bitmapou a jaký formát loga poslat do tisku, na web, na výšivku a na fólii. Dozvíte se také, jak připravit barevné varianty a jak si během minuty ověřit, že je Váš soubor skutečný vektor, a ne obrázek, který se za vektor jen vydává.
Vektor a bitmapa: jaký je mezi nimi rozdíl?
Bitmapa (PNG, JPG) je mřížka s pevným počtem pixelů. Když ji zvětšíte nad původní rozlišení, okraje začnou být zubaté a rozmazané a chybějící informaci už nelze dodatečně získat. Vektor (SVG, PDF, EPS, AI) popisuje tvary matematicky pomocí bodů a křivek, takže jej můžete libovolně zvětšovat bez ztráty kvality.
Logo by mělo vždy vzniknout a být archivováno jako vektor. Bitmapy z něj exportujete až pro konkrétní účel a v konkrétní velikosti. Opačný postup, tedy převod PNG na vektor, vyžaduje ruční překreslení, nebo se musíte spokojit s kompromisním automatickým obtažením.
| Vlastnost | Vektor (SVG, PDF, EPS, AI) | Bitmapa (PNG, JPG) |
|---|---|---|
| Změna velikosti | Bez ztráty kvality, od favikony po banner | Bez ztráty jen při zmenšování |
| Průhledné pozadí | Ano | PNG ano, JPG ne |
| Úprava barev | Snadná, každý tvar zvlášť | Obtížná, barva je uložena v pixelech |
| Řezací plotr, výšivka, gravírování | Nezbytný | Bez překreslení nepoužitelná |
| Náhled bez grafického programu | SVG v prohlížeči, PDF ve čtečce | Otevře se kdekoli |
Jaký soubor loga k čemu?
Následující přehled slouží jako praktický tahák. Pokud si nejste jisti, pošlete vektor. Každý dodavatel si z něj vyexportuje, co potřebuje, kdežto z bitmapy vektor nevytvoří.
U velkoformátového tisku hraje roli i měřítko. Bannery a roll-upy se často připravují v měřítku 1:10 a bitmapa by pak musela mít odpovídajícím způsobem vyšší rozlišení. Vektor tento problém zcela odstraňuje.
| Použití | Nejvhodnější formát | Poznámky |
|---|---|---|
| Tisk: vizitky, letáky, plakáty | Vektorové PDF (případně EPS, AI) | Barvy v CMYK, fonty převedené do křivek |
| Banner, roll-up, vývěsní štít | Vektorové PDF | Vektor lze zvětšovat bez omezení |
| Webové stránky | SVG | Ostré i na displejích s vysokou hustotou pixelů, malý soubor |
| Sociální sítě, profilový obrázek | PNG | Min. 1000 px, profilový obrázek jen se symbolem |
| Dokumenty Word, prezentace | PNG s průhledným pozadím | Cca 1000–2000 px na šířku |
| Fólie, řezací plotr, vyřezávané samolepky | SVG, PDF nebo EPS | Plné barvy, bez přechodů a stínů |
| Výšivka | Vektor (SVG, PDF) | Vyšívací dílna z něj připraví vlastní strojový soubor |
| Gravírování, laser, razítko | Jednobarevný vektor | Čisté obrysy, bez polotónů |
| Favikona | PNG nebo SVG | Např. 32×32 a 180×180 px, zjednodušený symbol |
Výšivka a fólie: proč tu bitmapa nestačí
Řezací plotr ani vyšívací stroj nevidí pixely, pracují jen s křivkami. Plotr řeže nožem po obrysu, takže každá barva musí být samostatný, uzavřený tvar. Přechody, stíny a poloprůhlednost nelze ve fólii bez potisku vůbec provést a velmi tenké linky se při vybírání fólie nemusí udržet. Minimální tloušťka prvku závisí na druhu fólie a velikosti samolepky, proto se na ni zeptejte dodavatele.
U výšivky odpovídá počet barev počtu nití a drobné nápisy snadno splynou ve stehu. Vyšívací dílny obvykle nedoporučují texty nižší než cca 5–6 mm, hranice však závisí na materiálu a typu stehu. Proto se vyplatí mít zjednodušenou verzi loga: méně detailů, silnější linky a nanejvýš několik barev s označením Pantone.
- Pro fólii: vektor, barvy jako plné výplně, obtahy převedené na tvary.
- Pro výšivku: vektor a čísla Pantone, zjednodušená verze pro malé rozměry.
- Pro gravírování: jedna barva, bez stínování.
Průhledné pozadí: PNG, SVG a nástrahy
Průhledné pozadí podporují PNG, SVG a PDF. JPG má pozadí vždy, nejčastěji bílé, které na barevné fotografii nebo banneru vytvoří ošklivý obdélník. Pro sociální sítě a dokumenty proto volte PNG, ne JPG.
Dejte si pozor na „falešnou průhlednost“, tedy PNG, v němž je šachovnice namalovaná přímo v pixelech. Otevřete soubor na tmavém pozadí, například v tmavém režimu prohlížeče. Pokud uvidíte šachovnici nebo bílý rámeček, pozadí průhledné není. U tisku navíc pamatujte, že bílá barva znamená absenci barvy. Bílé logo na průhledné fólii nebo barevném podkladu vyžaduje tisk bílou barvou, kterou nenabízí každý stroj.
Barevné varianty loga: které připravit
Jedna barevná verze nestačí, protože logo se objevuje na různých pozadích a v různých technologiích. Minimální sada zahrnuje plnobarevnou, černou (monochromatickou) a bílou verzi (negativ na tmavé pozadí). Hodí se mít také vodorovnou a svislou variantu a samotný symbol, tedy grafickou značku bez názvu.
Barvy uveďte v několika systémech. CMYK slouží pro tisk, RGB a HEX pro obrazovku a Pantone pro přímé barvy, fólie, sítotisk a výběr nití při vyšívání. Tatáž „firemní modrá“ v RGB může po prostém převodu do CMYK vyjít v tisku znatelně matnější. Hodnoty CMYK je proto nejlepší stanovit vědomě a nespoléhat na automatický převod.
| Verze | Kde ji použijete |
|---|---|
| Plnobarevná CMYK | Tisk: letáky, plakáty, vizitky, bannery |
| Plnobarevná RGB/HEX | Webové stránky, sociální sítě, prezentace |
| Černá | Faktury, razítka, gravírování, jednobarevný tisk |
| Bílá (negativ) | Tmavá pozadí, fotografie, tmavé reklamní předměty |
| Symbol | Profilový obrázek, favikona, výšivka na malé ploše |
Jak poznat skutečný vektor?
Přípona souboru nic nezaručuje. PDF, EPS, a dokonce i SVG mohou uvnitř obsahovat obyčejnou bitmapu a přejmenováním z .png na .svg vektor nevznikne. Než soubor pošlete do tiskárny nebo vyšívací dílny, proveďte několik jednoduchých testů.
- Test zvětšení: otevřete PDF nebo SVG a zvětšete na 1000–2000 %. Vektor má dokonale hladké okraje, bitmapa ukáže pixely nebo rozmazání.
- Zobrazení obrysů: v Illustratoru (Ctrl+Y) nebo v Inkscapu uvidíte tenké linky křivek. Pokud vidíte jen obdélník, je uvnitř obrázek.
- Test výběru: v grafickém programu klikněte na písmeno nebo tvar. Ve vektoru vyberete jednotlivé prvky s kotevními body.
- Náhled kódu SVG: otevřete soubor v Poznámkovém bloku. Značky path znamenají vektor, značka image s dlouhým řetězcem znaků base64 prozrazuje vloženou bitmapu.
- Automatické obtažení: nadbytek bodů, zvlněné linky a „schody“ na obloucích prozradí vektor vytvořený automaticky z PNG. Pro tisk většinou stačí, pro výšivku a fólii je lepší logo ručně překreslit.
Fonty, obrysy a kompletní sada souborů k předání
Ve vektorovém souboru pro tisk převeďte texty do křivek (v Illustratoru: Vytvořit obrysy). Jinak tiskárna, která Váš font nemá, uvidí jiné písmo nebo chybu. Linky s pevnou tloušťkou obtahu také převeďte na tvary, jinak se při změně velikosti mohou chovat nepředvídatelně.
Ověřte čitelnost loga v nejmenším reálném použití, např. při šířce cca 15 mm na vizitce a 32 px na favikoně. Pokud detaily mizí, připravte zjednodušenou verzi. Vše uspořádejte do složek se srozumitelnými názvy, např. firma-logo-vodorovne-cmyk.pdf nebo firma-symbol-bily.png. Takto připravenou sadu dostanete například v balíčku „Návrh loga“ na plakaty.shop (wielkareklama.eu studio): 10 návrhů v PNG, SVG a vektorovém PDF za 47 €.
- Složka VEKTOR: PDF, SVG, případně EPS nebo AI, verze CMYK a RGB.
- Složka PNG: barevné, černé a bílé verze v 500, 1000 a 2000 px.
- Soubor s barvami: hodnoty CMYK, RGB, HEX a Pantone.
- Zdrojový editovatelný soubor, pokud s tím smlouva s grafikem počítá.
Kontrolní seznam
- Máte logo ve vektoru (PDF nebo SVG) a prošlo testem zvětšení
- Texty a obtahy jsou převedené do křivek
- Verze pro tisk je v CMYK, verze pro obrazovku v RGB/HEX
- PNG má skutečně průhledné pozadí, ověřené na tmavém podkladu
- Máte barevnou, černou a bílou verzi a samotný symbol
- Pro fólii a výšivku jste připravili zjednodušenou verzi s plnými barvami a čísly Pantone
- Logo je čitelné i v nejmenší velikosti, v jaké jej použijete
- Soubory mají srozumitelné názvy a jsou roztříděné do složek
- Před tiskem jste si přečetli všechny nápisy v logu i v materiálech
Časté dotazy
Jaký formát loga poslat do tiskárny?
Nejbezpečnější je vektorové PDF s texty převedenými do křivek a barvami v CMYK. Tiskárny přijímají také EPS a AI. Pokud máte jen PNG, musí mít v cílové velikosti zhruba 300 DPI, což je u velkých formátů často nemožné.
Je PNG vektorový soubor?
Ne, PNG je bitmapa složená z pixelů. Jeho výhodou je průhledné pozadí, při zvětšení však ztrácí ostrost. Vektorové jsou SVG, PDF (pokud obsahuje křivky), EPS a AI.
Jak převést logo z PNG na vektor?
Nejlepšího výsledku dosáhnete, když logo ručně překreslí grafik ve vektorovém programu. Automatické obtažení (např. v Illustratoru nebo Inkscapu) funguje u jednoduchých jednobarevných značek, u detailů a písma však zanechává nerovné okraje. Pro výšivku a fólii takový výsledek obvykle vyžaduje úpravy.
SVG, nebo PNG na webové stránky?
Pro logo na webu je vhodnější SVG: je ostré na každém displeji, obvykle menší a jeho barvu lze snadno změnit v CSS. PNG zvolte tam, kde SVG není podporováno, např. v některých systémech pro e-mailing, a jako profilový obrázek na sociálních sítích.
Jaké rozlišení PNG loga potřebuji pro sociální sítě?
Stačí PNG o šířce 1000–2000 px s průhledným pozadím. Pro profilový obrázek připravte čtverec jen se symbolem, protože sítě ho ořezávají do kruhu a zmenšují na několik desítek pixelů.
Je PDF vždy vektor?
Ne. PDF je kontejner, který může obsahovat vektorové křivky i obyčejný obrázek. Zvětšete soubor na cca 1000 % nebo zkuste vybrat jednotlivá písmena: pokud vidíte pixely nebo se vybere celý obdélník, je uvnitř bitmapa.