wielkareklama.eustudio
Úvod › Návody › Logo a značka

Logo v SVG, PDF nebo PNG: jaké soubory potřebujete

Logo a značka6 min čtení · Aktualizováno:

Ve zkratce

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.

VlastnostVektor (SVG, PDF, EPS, AI)Bitmapa (PNG, JPG)
Změna velikostiBez ztráty kvality, od favikony po bannerBez ztráty jen při zmenšování
Průhledné pozadíAnoPNG ano, JPG ne
Úprava barevSnadná, 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 programuSVG v prohlížeči, PDF ve čtečceOtevř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átPoznámky
Tisk: vizitky, letáky, plakátyVektorové PDF (případně EPS, AI)Barvy v CMYK, fonty převedené do křivek
Banner, roll-up, vývěsní štítVektorové PDFVektor lze zvětšovat bez omezení
Webové stránkySVGOstré i na displejích s vysokou hustotou pixelů, malý soubor
Sociální sítě, profilový obrázekPNGMin. 1000 px, profilový obrázek jen se symbolem
Dokumenty Word, prezentacePNG s průhledným pozadímCca 1000–2000 px na šířku
Fólie, řezací plotr, vyřezávané samolepkySVG, PDF nebo EPSPlné barvy, bez přechodů a stínů
VýšivkaVektor (SVG, PDF)Vyšívací dílna z něj připraví vlastní strojový soubor
Gravírování, laser, razítkoJednobarevný vektorČisté obrysy, bez polotónů
FavikonaPNG nebo SVGNapř. 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.

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.

VerzeKde ji použijete
Plnobarevná CMYKTisk: letáky, plakáty, vizitky, bannery
Plnobarevná RGB/HEXWebové 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
SymbolProfilový 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ů.

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

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.

Přečtěte si také

Logo a značkaJak navrhnout logo pro malou firmu: typy, zásady, testy a chybyLogo a značkaVizuální identita malé firmy: kde začítLogo a značkaJak vymyslet název firmy a ověřit, že je volnýOboryReklama pro gastronomii: letáky, plakáty, menu a grafika — nápady a příklady

Všechny návody →