Logó SVG, PDF vagy PNG formátumban: milyen fájlok kellenek?
A logójához legalább három fájlra van szüksége. Az első egy vektoros SVG (weboldal, fóliavágó plotter, hímzés, gravírozás). A második egy vektoros PDF vagy EPS, görbékké alakított betűkkel, minden nyomtatott anyaghoz a 90×50 mm-es névjegykártyától az 5 méteres molinóig. A harmadik egy átlátszó hátterű PNG (közösségi média, dokumentumok, prezentációk). A PNG-t több méretben mentse el, például 500, 1000 és 2000 px szélességben. Ha nyomtatáshoz csak bitmap áll rendelkezésére, annak 1:1 méretarányban kb. 300 DPI felbontásúnak kell lennie, vagyis egy 50 mm széles logóhoz nagyjából 600 px szükséges.
A nyomda „vektoros logót” kér, a hímzőüzem „digitalizálható fájlt”, a közösségi médiás grafikus pedig „háttér nélküli PNG-t”. Mindegyiküknek igaza van, mert ezek a fájlok más-más célt szolgálnak. Ebben az útmutatóban elmagyarázzuk, miben különbözik a vektor a bitmaptől, melyik logóformátumot küldje nyomdába, weboldalra, hímzéshez és fóliázáshoz, hogyan készítse el a színváltozatokat, és hogyan ellenőrizheti egy perc alatt, hogy a fájlja valódi vektor-e, nem pedig vektornak álcázott kép.
Vektor és bitmap: mi a különbség?
A bitmap (PNG, JPG) rögzített számú képpontból álló rács. Ha az eredeti felbontásnál nagyobbra nagyítja, a szélek recéssé és elmosódottá válnak, és ez az információ már nem nyerhető vissza. A vektor (SVG, PDF, EPS, AI) matematikailag, pontokkal és görbékkel írja le a formákat, így minőségromlás nélkül tetszőlegesen méretezhető.
A logót mindig vektorként kell megtervezni és archiválni. Ebből exportálja a bitmapeket, mindig az adott célra és az adott méretben. A fordított út, vagyis a PNG vektorrá alakítása kézi újrarajzolást vagy kompromisszumos automatikus vektorizálást igényel.
| Jellemző | Vektor (SVG, PDF, EPS, AI) | Bitmap (PNG, JPG) |
|---|---|---|
| Méretezés | Veszteség nélkül, a favicontól a molinóig | Csak kicsinyítés veszteség nélkül |
| Átlátszó háttér | Igen | PNG igen, JPG nem |
| Színek módosítása | Egyszerű, minden forma külön | Nehézkes, a szín a képpontokban van rögzítve |
| Vágóplotter, hímzés, gravírozás | Elengedhetetlen | Újrarajzolás nélkül használhatatlan |
| Megtekintés grafikai program nélkül | SVG böngészőben, PDF olvasóban | Bárhol megnyílik |
Melyik logófájl mire kell?
Az alábbi összefoglaló gyakorlati puska. Kétség esetén küldjön vektort, mert abból bármelyik kivitelező exportálni tudja, amire szüksége van, bitmapből viszont már nem tud vektort készíteni.
Nagyformátumú nyomtatásnál a méretarány is számít. A molinókat és roll-upokat gyakran 1:10 arányban készítik elő, ilyenkor a bitmapnek ennek megfelelően nagyobb felbontásúnak kellene lennie. A vektor ezt a problémát teljesen kiküszöböli.
| Felhasználás | Legjobb formátum | Megjegyzés |
|---|---|---|
| Nyomtatás: névjegykártya, szórólap, plakát | Vektoros PDF (vagy EPS, AI) | CMYK színek, görbékké alakított betűk |
| Molinó, roll-up, cégtábla | Vektoros PDF | A vektor korlátlanul méretezhető |
| Weboldal | SVG | Éles a nagy pixelsűrűségű kijelzőkön is, kis fájlméret |
| Közösségi média, profilkép | PNG | Min. 1000 px, a profilképhez csak a logójel |
| Word-dokumentumok, prezentációk | Átlátszó hátterű PNG | Kb. 1000–2000 px szélesség |
| Fólia, vágóplotter, kontúrvágott matrica | SVG, PDF vagy EPS | Egyszínű kitöltések, színátmenetek és árnyékok nélkül |
| Hímzés | Vektor (SVG, PDF) | A hímzőüzem ebből készíti el a saját gépi fájlját |
| Gravírozás, lézer, bélyegző | Egyszínű vektor | Tiszta kontúrok, féltónusok nélkül |
| Favicon | PNG vagy SVG | Pl. 32×32 és 180×180 px, egyszerűsített jel |
Hímzés és fólia: miért nem elég itt a bitmap
A vágóplotter és a hímzőgép nem képpontokat lát, hanem útvonalakat. A plotter késsel vág a kontúr mentén, ezért minden színnek külön, zárt formának kell lennie. Színátmenet, árnyék és áttetszőség fóliával nyomtatás nélkül nem kivitelezhető, a nagyon vékony vonalak pedig a fólia kiszedésekor elszakadhatnak. Az elemek minimális vastagsága a fólia típusától és a matrica méretétől függ, ezért erről kérdezze meg a kivitelezőt.
Hímzésnél a színek száma a cérnák számát jelenti, az apró feliratok pedig könnyen összefolynak az öltésben. A hímzőüzemek általában nem javasolják a kb. 5–6 mm-nél alacsonyabb szövegeket, de a határ az anyagtól és az öltéstől is függ. Ezért érdemes a logóból egyszerűsített változatot is készíteni: kevesebb részlettel, vastagabb vonalakkal, legfeljebb néhány színnel és Pantone-megjelöléssel.
- Fóliához: vektor, a színek egyszínű kitöltésként, a körvonalak formákká alakítva.
- Hímzéshez: vektor és Pantone-színkódok, kis méretekhez egyszerűsített változat.
- Gravírozáshoz: egy szín, árnyékolás nélkül.
Átlátszó háttér: PNG, SVG és buktatók
Átlátszó hátteret a PNG, az SVG és a PDF támogat. A JPG-nek mindig van háttere, többnyire fehér, amely színes fotón vagy molinón csúnya téglalapként jelenik meg. Ezért közösségi médiához és dokumentumokhoz PNG-t válasszon, ne JPG-t.
Óvakodjon az „álátlátszóságtól”, vagyis az olyan PNG-től, amelyben a sakktáblaminta képpontokként bele van rajzolva a képbe. Nyissa meg a fájlt sötét háttéren, például a böngésző sötét módjában: ha sakktáblát vagy fehér keretet lát, a háttér nem átlátszó. Nyomtatásnál ne feledje, hogy a fehér szín a festék hiányát jelenti. Átlátszó fólián vagy színes alapanyagon a fehér logóhoz fehér színnel történő nyomtatás kell, amit nem minden gép tud.
A logó színváltozatai: melyeket készítse el
Egyetlen színes változat nem elég, mert a logó különféle háttereken és különféle technológiákkal jelenik meg. A minimális készlet a teljes színes, a fekete (monokróm) és a fehér (negatív, sötét háttérre) változat. Hasznos továbbá a vízszintes és a függőleges elrendezés, valamint a logójel önmagában, vagyis a grafikus jel a név nélkül.
A színeket több rendszerben rögzítse. A CMYK a nyomtatáshoz, az RGB és a HEX a képernyőhöz, a Pantone pedig a direkt színekhez, a fóliához, a szitanyomáshoz és a hímzőcérnák kiválasztásához kell. Ugyanaz a „céges kék” RGB-ből egyszerű átszámítással CMYK-ba a nyomatban jóval fakóbbnak tűnhet, ezért a CMYK-értékeket érdemes tudatosan meghatározni, nem az automatikus átváltásra bízni.
| Változat | Hol használja |
|---|---|
| Teljes színes CMYK | Nyomtatás: szórólapok, plakátok, névjegykártyák, molinók |
| Teljes színes RGB/HEX | Weboldal, közösségi média, prezentációk |
| Fekete | Számlák, bélyegzők, gravírozás, egyszínű nyomtatás |
| Fehér (negatív) | Sötét hátterek, fotók, sötét reklámajándékok |
| Logójel | Profilkép, favicon, hímzés kis felületen |
Hogyan ismerhető fel a valódi vektor?
A fájlkiterjesztés semmit sem garantál. A PDF, az EPS, sőt az SVG is tartalmazhat sima bitmapet, a .png kiterjesztés .svg-re cserélése pedig nem hoz létre vektort. Mielőtt elküldi a fájlt a nyomdának vagy a hímzőüzemnek, végezzen el néhány egyszerű tesztet.
- Nagyítási teszt: nyissa meg a PDF-et vagy az SVG-t, és nagyítsa 1000–2000%-ra. A vektor szélei tökéletesen simák, a bitmapen képpontok vagy elmosódás látszik.
- Körvonalnézet: Illustratorban (Ctrl+Y) vagy Inkscape-ben az útvonalak vékony vonalait látja. Ha csak egy téglalapot lát, a fájlban kép van.
- Kijelölési teszt: a grafikai programban kattintson egy betűre vagy formára. Vektor esetén az egyes elemeket a csomópontjaikkal együtt jelölheti ki.
- Az SVG-kód megtekintése: nyissa meg a fájlt a Jegyzettömbben. A path elemek vektort jelentenek, a hosszú base64 karaktersort tartalmazó image elem beágyazott bitmapet.
- Automatikus vektorizálás: a túl sok pont, a hullámzó vonalak és az íveken látható „lépcsők” PNG-ből automatikusan készült vektorra utalnak. Nyomtatáshoz általában megfelel, hímzéshez és fóliához viszont jobb kézzel újrarajzolni.
Betűk, körvonalak és az átadandó fájlcsomag
A nyomtatásra szánt vektoros fájlban alakítsa görbékké a szövegeket (Illustratorban: Körvonalak létrehozása). Enélkül az a nyomda, amelynek nincs meg az Ön betűtípusa, más betűt vagy hibaüzenetet fog látni. Az állandó vastagságú körvonalakat is alakítsa formákká, különben méretezéskor kiszámíthatatlanul viselkedhetnek.
Ellenőrizze a logó olvashatóságát a legkisebb valós felhasználási méretben, például kb. 15 mm szélességben a névjegykártyán és 32 px-en a faviconon. Ha a részletek eltűnnek, készítsen egyszerűsített változatot. Az egészet rendezze egy mappába egyértelmű fájlnevekkel, például ceg-logo-vizszintes-cmyk.pdf vagy ceg-logojel-feher.png. Ilyen rendezett készletet kap például a plakaty.shop (wielkareklama.eu studio) „Logótervezés” csomagjában: 10 javaslat PNG, SVG és vektoros PDF formátumban, 47 €-ért.
- VEKTOR mappa: PDF, SVG, esetleg EPS vagy AI, CMYK és RGB változatban.
- PNG mappa: színes, fekete és fehér változatok 500, 1000 és 2000 px méretben.
- Színleíró fájl: CMYK-, RGB-, HEX- és Pantone-értékek.
- Szerkeszthető forrásfájl, ha a tervezővel kötött szerződés ezt tartalmazza.
Ellenőrzőlista
- Van vektoros logója (PDF vagy SVG), és átment a nagyítási teszten
- A szövegek és a körvonalak görbékké vannak alakítva
- A nyomdai változat CMYK, a képernyős RGB/HEX színekben készült
- A PNG háttere valóban átlátszó, sötét háttéren ellenőrizve
- Megvan a színes, a fekete, a fehér változat és a logójel önmagában
- Fóliához és hímzéshez elkészítette az egyszínű kitöltésekkel és Pantone-kódokkal ellátott egyszerűsített változatot
- A logó a legkisebb tervezett méretben is olvasható
- A fájlok neve egyértelmű, és mappákba vannak rendezve
- Nyomtatás előtt elolvasta a logó és az anyagok összes feliratát
Gyakori kérdések
Milyen formátumban küldjem a logót a nyomdába?
A legbiztonságosabb a vektoros PDF, görbékké alakított szövegekkel és CMYK színekkel. A nyomdák az EPS és AI fájlokat is elfogadják. Ha csak PNG-je van, annak a végleges méretben kb. 300 DPI felbontásúnak kell lennie, ami nagy formátumoknál gyakran nem teljesíthető.
A PNG vektoros fájl?
Nem, a PNG képpontokból álló bitmap. Előnye az átlátszó háttér, de nagyításkor veszít az élességéből. Vektoros az SVG, a PDF (ha útvonalakat tartalmaz), az EPS és az AI.
Hogyan alakíthatom a PNG logót vektorrá?
A legjobb eredményt az adja, ha egy grafikus vektoros programban kézzel újrarajzolja a logót. Az automatikus vektorizálás (pl. Illustratorban vagy Inkscape-ben) egyszerű, egyszínű jeleknél beválik, de részleteknél és betűknél egyenetlen széleket hagy. Hímzéshez és fóliához az így készült fájl általában javításra szorul.
SVG vagy PNG a weboldalra?
A weboldalon megjelenő logóhoz az SVG a jobb: minden kijelzőn éles, általában kisebb a mérete, és a színe CSS-ben könnyen módosítható. PNG-t ott válasszon, ahol az SVG nem támogatott, például egyes hírlevélküldő rendszerekben, valamint profilképként a közösségi médiában.
Milyen felbontású PNG logó kell a közösségi médiához?
Elegendő egy 1000–2000 px széles, átlátszó hátterű PNG. Profilképhez készítsen négyzetes változatot csak a logójellel, mert a platformok a profilképet körre vágják, és néhány tucat képpontra kicsinyítik.
A PDF mindig vektor?
Nem. A PDF egy tároló, amely vektoros útvonalakat és sima képet egyaránt tartalmazhat. Nagyítsa a fájlt kb. 1000%-ra, vagy próbáljon kijelölni egyes betűket: ha képpontokat lát, vagy az egész téglalap jelölődik ki, a fájlban bitmap van.
