Logotipas SVG, PDF ar PNG: kokių failų reikia
Logotipui Jums reikės bent trijų failų: vektorinio SVG (svetainė, plėvelės pjovimo ploteris, siuvinėjimas, graviravimas), vektorinio PDF arba EPS su šriftais, paverstais kreivėmis (bet kokia spauda, nuo 90×50 mm vizitinės kortelės iki 5 m reklaminio tinklo), ir PNG su skaidriu fonu (socialiniai tinklai, dokumentai, prezentacijos). PNG išsaugokite keliais dydžiais, pvz., 500, 1000 ir 2000 px pločio. Jei spaudai turite tik rastrinį vaizdą, jo raiška turi būti apie 300 DPI masteliu 1:1, t. y. 50 mm pločio logotipui reikia maždaug 600 px.
Spaustuvė prašo „logotipo vektoriumi“, siuvinėjimo dirbtuvė – „failo skaitmeninimui“, o socialinių tinklų dizaineris – „PNG be fono“. Visi jie teisūs, nes kiekvienas iš šių failų skirtas skirtingam tikslui. Šiame gide paaiškiname, kuo vektorius skiriasi nuo rastrinio vaizdo, kokio formato logotipą siųsti spaudai, į svetainę, siuvinėjimui ir plėvelei, kaip paruošti spalvines versijas ir kaip per minutę patikrinti, ar Jūsų failas yra tikras vektorius, o ne vektoriumi apsimetantis paveikslėlis.
Vektorius ir rastrinis vaizdas: kuo jie skiriasi?
Rastrinis vaizdas (PNG, JPG) – tai pastovaus pikselių skaičiaus tinklelis. Padidinus jį daugiau nei leidžia pradinė raiška, kraštai tampa dantyti ir neryškūs, o prarastos informacijos atkurti nebeįmanoma. Vektorius (SVG, PDF, EPS, AI) formas aprašo matematiškai – taškais ir kreivėmis, todėl jį galite didinti kiek tik norite, neprarasdami kokybės.
Logotipas visada turėtų būti kuriamas ir archyvuojamas vektoriumi. Rastrinius failus iš jo eksportuokite tik konkrečiam poreikiui ir konkrečiu dydžiu. Atvirkštinis kelias, t. y. PNG pavertimas vektoriumi, reikalauja rankinio perpiešimo arba kompromisinio automatinio kontūrų sekimo.
| Savybė | Vektorius (SVG, PDF, EPS, AI) | Rastrinis vaizdas (PNG, JPG) |
|---|---|---|
| Mastelio keitimas | Be nuostolių, nuo favicon piktogramos iki reklaminio tinklo | Be nuostolių tik mažinant |
| Skaidrus fonas | Taip | PNG – taip, JPG – ne |
| Spalvų redagavimas | Paprastas, kiekviena forma atskirai | Sudėtingas, spalva įrašyta pikseliuose |
| Pjovimo ploteris, siuvinėjimas, graviravimas | Būtinas | Netinka be perpiešimo |
| Peržiūra be grafinės programos | SVG naršyklėje, PDF skaitytuve | Atsidarys bet kur |
Kokį logotipo failą kam naudoti?
Žemiau pateikta lentelė – praktinė atmintinė. Jei abejojate, siųskite vektorių: iš jo kiekvienas vykdytojas eksportuos tai, ko jam reikia, o iš rastrinio vaizdo vektoriaus jau nepadarys.
Didelio formato spaudoje svarbus ir mastelis. Reklaminiai tinklai ir roll-up stendai dažnai ruošiami masteliu 1:10, tad rastrinio vaizdo raiška turėtų būti atitinkamai didesnė. Vektorius šią problemą pašalina visiškai.
| Paskirtis | Geriausias formatas | Pastabos |
|---|---|---|
| Spauda: vizitinės kortelės, skrajutės, plakatai | Vektorinis PDF (arba EPS, AI) | CMYK spalvos, šriftai kreivėmis |
| Reklaminis tinklas, roll-up stendas, iškaba | Vektorinis PDF | Vektoriaus mastelis neribojamas |
| Svetainė | SVG | Ryškus didelio pikselių tankio ekranuose, mažas failas |
| Socialiniai tinklai, profilio nuotrauka | PNG | Ne mažiau kaip 1000 px, profilio nuotraukai – tik ženklas |
| Word dokumentai, prezentacijos | PNG su skaidriu fonu | Apie 1000–2000 px pločio |
| Plėvelė, pjovimo ploteris, iškirpti lipdukai | SVG, PDF arba EPS | Vientisos spalvos, be gradientų ir šešėlių |
| Siuvinėjimas | Vektorius (SVG, PDF) | Siuvinėjimo dirbtuvė iš jo paruošia savo mašininį failą |
| Graviravimas, lazeris, antspaudas | Vienspalvis vektorius | Švarūs kontūrai, be pustonių |
| Favicon piktograma | PNG arba SVG | Pvz., 32×32 ir 180×180 px, supaprastintas ženklas |
Siuvinėjimas ir plėvelė: kodėl čia rastrinio vaizdo nepakanka
Pjovimo ploteris ir siuvinėjimo mašina nemato pikselių, tik kontūrus. Ploteris peiliu pjauna pagal kontūrą, todėl kiekviena spalva turi būti atskira, uždara forma. Gradientų, šešėlių ir pusiau skaidrių elementų plėvelėje be spaudos padaryti neįmanoma, o labai plonos linijos gali neišsilaikyti šalinant plėvelės perteklių. Mažiausias elemento storis priklauso nuo plėvelės rūšies ir lipduko dydžio, todėl jo pasiteiraukite vykdytojo.
Siuvinėjime spalvų skaičius lygus siūlų skaičiui, o smulkūs užrašai dygsnyje lengvai susilieja. Siuvinėjimo dirbtuvės paprastai nerekomenduoja tekstų, žemesnių nei maždaug 5–6 mm, tačiau riba priklauso nuo medžiagos ir dygsnio. Todėl verta turėti supaprastintą logotipo versiją: mažiau detalių, storesnės linijos, daugiausia kelios spalvos su Pantone žymėjimu.
- Plėvelei: vektorius, spalvos kaip vientisi užpildai, kontūrai paversti formomis.
- Siuvinėjimui: vektorius ir Pantone numeriai, supaprastinta versija mažiems dydžiams.
- Graviravimui: viena spalva, be šešėliavimo.
Skaidrus fonas: PNG, SVG ir spąstai
Skaidrų foną palaiko PNG, SVG ir PDF. JPG visada turi foną, dažniausiai baltą, kuris ant spalvotos nuotraukos ar reklaminio tinklo sudaro negražų stačiakampį. Todėl socialiniams tinklams ir dokumentams rinkitės PNG, o ne JPG.
Saugokitės „netikro skaidrumo“, t. y. PNG, kuriame šachmatų lentelės raštas nupieštas pikseliais. Atidarykite failą ant tamsaus fono, pavyzdžiui, tamsiuoju naršyklės režimu: jei matote šachmatų lentelę ar baltą rėmelį, fonas nėra skaidrus. Spaudoje taip pat atminkite, kad balta spalva reiškia dažų nebuvimą. Baltam logotipui ant skaidrios plėvelės ar spalvoto pagrindo reikia spaudos balta spalva, kurios siūlo ne kiekviena spausdinimo mašina.
Spalvinės logotipo versijos: kokias paruošti
Vienos spalvotos versijos nepakanka, nes logotipas atsiduria ant skirtingų fonų ir naudojamas skirtingomis technologijomis. Minimalų rinkinį sudaro pilnos spalvos, juoda (vienspalvė) ir balta (negatyvas tamsiam fonui) versijos. Pravartu turėti ir horizontalų, vertikalų išdėstymą bei atskirą ženklą, t. y. grafinį simbolį be pavadinimo.
Spalvas užrašykite keliose sistemose. CMYK skirta spaudai, RGB ir HEX – ekranui, o Pantone – specialiosioms spalvoms, plėvelei, šilkografijai ir siūlų parinkimui siuvinėjant. Ta pati „firminė mėlyna“ RGB sistemoje, paprastai perskaičiuota į CMYK, spaudoje gali atrodyti gerokai blankesnė, todėl CMYK vertes geriausia nustatyti sąmoningai, o ne pasikliauti automatiniu konvertavimu.
| Versija | Kur ją naudosite |
|---|---|
| Pilnos spalvos CMYK | Spauda: skrajutės, plakatai, vizitinės kortelės, reklaminiai tinklai |
| Pilnos spalvos RGB/HEX | Svetainė, socialiniai tinklai, prezentacijos |
| Juoda | Sąskaitos faktūros, antspaudai, graviravimas, vienspalvė spauda |
| Balta (negatyvas) | Tamsūs fonai, nuotraukos, tamsios spalvos suvenyrai |
| Ženklas | Profilio nuotrauka, favicon piktograma, siuvinėjimas mažame plote |
Kaip atpažinti tikrą vektorių?
Failo plėtinys nieko negarantuoja. PDF, EPS ir net SVG viduje gali būti paprastas rastrinis vaizdas, o pervadinus .png į .svg vektorius neatsiranda. Prieš siųsdami failą į spaustuvę ar siuvinėjimo dirbtuvę, atlikite kelis paprastus patikrinimus.
- Didinimo testas: atidarykite PDF ar SVG ir padidinkite iki 1000–2000%. Vektoriaus kraštai bus idealiai lygūs, rastrinis vaizdas parodys pikselius arba išsiliejimą.
- Kontūrų rodinys: Illustrator (Ctrl+Y) arba Inkscape programoje pamatysite plonas kontūrų linijas. Jei matote tik stačiakampį, viduje yra paveikslėlis.
- Žymėjimo testas: grafinėje programoje spustelėkite raidę ar formą. Vektoriuje pažymėsite atskirus elementus su mazginiais taškais.
- SVG kodo peržiūra: atidarykite failą Užrašinėje (Notepad). Žymos path reiškia vektorių, o žyma image su ilga base64 simbolių eilute – įterptą rastrinį vaizdą.
- Automatinis kontūrų sekimas: taškų perteklius, banguotos linijos ir „laipteliai“ lankuose išduoda iš PNG automatiškai sugeneruotą vektorių. Spaudai jo paprastai pakanka, tačiau siuvinėjimui ir plėvelei geriau perpiešti rankiniu būdu.
Šriftai, kontūrai ir perduodamų failų rinkinys
Vektoriniame spaudos faile tekstus paverskite kreivėmis (Illustrator programoje: Create Outlines). To nepadarius, spaustuvė, neturinti Jūsų šrifto, pamatys kitą šriftą arba klaidą. Pastovaus storio kontūrų linijas taip pat paverskite formomis, antraip keičiant mastelį jos gali elgtis nenuspėjamai.
Patikrinkite logotipo įskaitomumą mažiausiu realiu naudojimo dydžiu, pvz., apie 15 mm pločio vizitinėje kortelėje ir 32 px favicon piktogramoje. Jei detalės dingsta, paruoškite supaprastintą versiją. Viską sutvarkykite aplanke su aiškiais pavadinimais, pvz., imone-logotipas-horizontalus-cmyk.pdf ar imone-zenklas-baltas.png. Taip paruoštą rinkinį gaunate, pavyzdžiui, užsisakę paketą „Logotipo projektas“ plakaty.shop (wielkareklama.eu studio): 10 pasiūlymų PNG, SVG ir vektoriniu PDF formatais už 47 €.
- Aplankas VEKTORIUS: PDF, SVG, prireikus EPS arba AI, CMYK ir RGB versijos.
- Aplankas PNG: spalvotos, juodos ir baltos versijos 500, 1000 ir 2000 px dydžiais.
- Spalvų failas: CMYK, RGB, HEX ir Pantone vertės.
- Redaguojamas šaltinio failas, jei tai numatyta sutartyje su dizaineriu.
Kontrolinis sąrašas
- Turite logotipą vektoriumi (PDF arba SVG) ir jis išlaikė didinimo testą
- Tekstai ir kontūrai paversti kreivėmis
- Spaudos versija yra CMYK, ekrano versija – RGB/HEX
- PNG turi tikrai skaidrų foną, patikrintą ant tamsaus fono
- Turite spalvotą, juodą, baltą versiją ir atskirą ženklą
- Plėvelei ir siuvinėjimui paruošėte supaprastintą versiją su vientisomis spalvomis ir Pantone numeriais
- Logotipas įskaitomas mažiausiu dydžiu, kuriuo jį naudosite
- Failai turi aiškius pavadinimus ir surūšiuoti aplankuose
- Prieš spaudą perskaitėte visus užrašus logotipe ir medžiagoje
Dažniausi klausimai
Kokio formato logotipą siųsti spaustuvei?
Saugiausia – vektorinį PDF su kreivėmis paverstais tekstais ir CMYK spalvomis. Spaustuvės priima ir EPS bei AI. Jei turite tik PNG, jo raiška galutiniu dydžiu turi būti apie 300 DPI, o dideliems formatams tai dažnai neįmanoma.
Ar PNG yra vektorinis failas?
Ne, PNG – tai iš pikselių sudarytas rastrinis vaizdas. Jo privalumas – skaidrus fonas, tačiau padidintas jis praranda ryškumą. Vektoriniai yra SVG, PDF (jei jame yra kontūrai), EPS ir AI.
Kaip PNG logotipą paversti vektoriumi?
Geriausią rezultatą duoda rankinis logotipo perpiešimas, kurį vektorinėje programoje atlieka dizaineris. Automatinis kontūrų sekimas (pvz., Illustrator ar Inkscape programoje) tinka paprastiems vienspalviams ženklams, tačiau detalėse ir raidėse palieka nelygius kraštus. Siuvinėjimui ir plėvelei toks automatinis rezultatas paprastai reikalauja pataisymų.
SVG ar PNG svetainei?
Logotipui svetainėje geriau tinka SVG: jis ryškus bet kuriame ekrane, paprastai lengvesnis, o jo spalvą lengva pakeisti CSS. PNG rinkitės ten, kur SVG nepalaikomas, pvz., kai kuriose el. laiškų siuntimo sistemose, taip pat profilio nuotraukai socialiniuose tinkluose.
Kokios raiškos PNG logotipo reikia socialiniams tinklams?
Pakanka 1000–2000 px pločio PNG su skaidriu fonu. Profilio nuotraukai paruoškite kvadratą tik su ženklu, nes platformos profilio nuotrauką apkerpa apskritimu ir sumažina iki kelių dešimčių pikselių.
Ar PDF visada yra vektorius?
Ne. PDF – tai konteineris, kuriame gali būti ir vektoriniai kontūrai, ir paprastas paveikslėlis. Padidinkite failą iki maždaug 1000% arba pabandykite pažymėti atskiras raides: jei matote pikselius arba pasižymi visas stačiakampis, viduje yra rastrinis vaizdas.
