Hvernig á að breyta PNG í SVG: lógó, tákn og línuteikningar

PNG er rastamynd: fast net pixla sem hver hefur lit og, ef vill, gagnsæisgildi. Lógó sem er 500 × 500 px geymir nákvæmlega 250.000 slíka reiti og ekkert annað, svo þegar það er stækkað í veggspjaldastærð verður hver reitur aðeins stærri eða bilin á milli þeirra óskýr. SVG er vektormynd, textaskrá sem listar form eins og <path>, <circle> og <rect> með hnitum og fyllilitum. Vafri eða skurðarvél teiknar formin upp á nýtt í hvaða stærð sem þarf, og þess vegna er vektorlógó skarpt bæði á símaskjá og á sýningarborða.

Auðvelt er að fara úr vektor í rastamynd því myndvinnslan málar formin einfaldlega í pixla; SVG í PNG gerir einmitt það á sekúndu. Í hina áttina er engin tapslaus flýtileið, því pixlanetið geymir ekkert um formin sem bjuggu það til. Eitthvað þarf að skoða pixlana og giska á hvar hvert form byrjar og endar. Þetta skref kallast rakning eða vigurgerð, og sérhver heiðarlegur PNG í SVG breytir, frá Illustrator til skipanalínuforrits, er rakningarforrit undir niðri.

Sumir breytar sleppa erfiða hlutanum. Þeir skrifa gilda SVG-skrá með einum <image> þætti þar sem upprunalega PNG-myndin er felld inn sem base64-texti, sem gerir skrána líka um þriðjungi stærri en PNG-myndin. Útkoman opnast sem SVG og stenst skráartegundarpróf, en er samt pixlamynd í vektorumbúðum: súmmaðu inn og þú sérð sömu skörðóttu brúnirnar, og skurðarvél finnur enga ferla til að fylgja. Opnaðu hvaða SVG sem er í textaritli og leitaðu að data:image/png; ef sá strengur er til staðar var ekkert vigurgert.

Rakning hentar myndum sem voru upphaflega teiknaðar sem form. Lógó úr hönnunarforriti, flatt tákn, teiknimyndapersóna með svörtum útlínum, skönnuð undirskrift eða stensill samanstanda allt af fáum heilum litum aðskildum með skýrum brúnum. Rakningin flokkar hvern lit í svæði, fylgir jöðrum þeirra og leggur mjúka ferla eftir þeim, svo SVG-skráin verður nálægt formunum sem hönnuðurinn teiknaði. Feitt letur í orðmerki rekst líka vel, því stór stafur er bara enn eitt fyllt form, og hver stafur verður útlína sem þú getur endurlitað eða breytt stærð á en ekki lengur endurritað.

Ljósmyndir eru öfugt tilfelli. Andlitsmynd eða vörumynd hefur þúsundir lítillega ólíkra tóna sem renna saman, og vektorsnið hefur enga skilvirka leið til að lýsa því. Biddu rakningu um 16 liti og þú færð veggspjaldalega mynd með sýnilegum böndum; biddu um 64 og þú færð tugi þúsunda smáforma í skrá sem er miklu stærri en PNG-myndin og lítur samt ekki út eins og ljósmynd. Mjúkir litaferlar, skuggar og ljómi verða á sama hátt að staflaðum þunnum böndum. Lítill texti er þriðji vandinn: við 10–12 px blandar jöfnun brúna hverjum staf við bakgrunninn og rakningin getur ekki greint „e“ frá „o“.

Upplausn skiptir meira máli en nokkur stilling. Rakningin leggur hvern feril að pixlastiganum meðfram brún, og því fínni sem stiginn er, þeim mun sannari er ferillinn. Ef þú fluttir PNG-myndina sjálf(ur) út úr Figma, Canva, Photoshop eða glærukynningu skaltu flytja hana aftur út í tvöfaldri eða þrefaldri birtingarstærð; lógó sem er 1500–2000 px á breidd gefur rakningunni nóg að vinna með. Ekki stækka litla PNG-mynd með gervigreindarstækkara fyrst nema útkoman líti hreint út í 100 % súmmi, því tilbúin brúnaáferð er rakin jafn samviskusamlega og raunverulegar brúnir.

Næst skaltu einfalda bakgrunninn. PNG styður fullt gagnsæi og gagnsær bakgrunnur er einfaldasta tilfellið: hver alveg gagnsær pixli er meðhöndlaður sem autt svæði, svo SVG-skráin hefur engan hvítan kassa á bak við myndina. Ef PNG-myndin hefur heilan bakgrunn skaltu skera þétt utan um myndefnið fyrst; leiðbeiningar okkar um hvernig á að skera mynd í hlutföll fjalla um nákvæma römmun. Ósléttan bakgrunn, til dæmis lógó ljósmyndað á stuttermabol, ætti að fjarlægja eða mála yfir með einum flötum lit áður en rakið er.

Að lokum skaltu fækka litum áður en rakningin gerir það fyrir þig. Feldu skugga, ljóma og litaferilslög í upprunaskránni og skiptu litaferilsfyllingu út fyrir miðlit hennar ef vektorútgáfan þarf hana ekki. Teldu heilu litina sem eftir eru, líka útlínulitinn, og skrifaðu töluna niður; hún er gagnlegasta talan sem þú slærð inn í næsta skrefi. Ef þú velur á milli JPEG og PNG af sama lógói skaltu taka PNG, því JPEG-þjöppun bætir suði í kringum hverja brún, eins og útskýrt er í JPG vs JPEG vs PNG.

Sérhver rakning spyr sömu þriggja spurninga, jafnvel þótt heitin séu ólík. Sú fyrsta er hve marga liti á að halda. Í PNG í SVG breytinum velur Litastilling á milli Litur, Grátóna og Svart-hvítt, og Fjöldi lita ákveður í hve marga flokka pixlarnir raðast, frá 2 upp í 64. Stilltu það á töluna sem þú skrifaðir niður. Of há tala fær rakninguna til að skipta jöfnuðum brúnapixlum í eigin þunna liti, sem sést sem daufur geislabaugur utan um hvert form; of lág tala steypir tveimur vörumerkjalitum saman í einn.

Önnur spurningin er hvernig meðhöndla á brúnir. Mýking sléttir pixlastigana og Nákvæmni ræður hve lítill depill má vera og samt orðið að formi. PNG-síðan byrjar á Nákvæmni 70 og Mýking 40, sem heldur litlum hornum í hreinum útflutningi. Lækkaðu Nákvæmni ef ryk og stakir deplar birtast, hækkaðu Mýking ef ferlar virðast sveiflukenndir, og stilltu Ferlar á Beinar línur fyrir rúmfræðileg lógó með beinum brúnum eða á Pixlabrúnir fyrir pixlalist sem á að haldast kassalaga.

Þriðja spurningin á aðeins við um svart-hvíta rakningu: hvar draga á línuna milli bleks og pappírs. Þröskuldur er frá 1 upp í 254 og sjálfgefið 128. Pixlar dekkri en þröskuldurinn verða svartir, ljósari verða auðir. Fyrir undirskrift með þunnum bláum kúlupenna skaltu hækka hann í átt að 160–180 svo daufir strokur lifi af; fyrir feita tússteikningu á örlítið gráum pappír skaltu lækka hann í átt að 100 svo pappírsáferðin verði ekki að deplum. Breyttu einni stillingu í einu og berðu saman, því áhrifin tengjast innbyrðis.

Láttu ekki smámyndina nægja. Opnaðu SVG-skrána í vafra og súmmaðu í 400–800 % á þrengsta ferilinn, bug á staf eða odd. Góð rakning sýnir mjúka boga og skörp horn þar sem hönnunin hefur horn; léleg sýnir sveiflur, dældir og rúnnaða odda. Skoðaðu síðan skrána í vektorritli eins og Inkscape, Illustrator eða Figma og kveiktu á útlínu- eða hnútasýn. Einfalt tveggja lita lógó þarf yfirleitt nokkur hundruð hnúta; ef þitt sýnir nokkur þúsund hefur rakningin elt suð og ferlarnir verða erfiðir í breytingum eða skurði.

Skráarstærð er fljótleg heilbrigðisskoðun. Fínstillt SVG af flötu lógói er yfirleitt nokkur kílóbæti upp í nokkra tugi kílóbæta, oft minna en PNG-myndin sem það kom úr. Rakin skrá sem er nokkrum sinnum stærri en PNG-upprunin þýðir yfirleitt of marga liti, of mikil smáatriði eða ljósmynd sem ekki átti að rekja. Hafðu Fínstilla SVG kveikt, því það námundar hnit og sameinar ferla án sýnilegrar breytingar, og skalaðu að lokum myndina upp í veggspjaldastærð og niður í favicon-stærð til að staðfesta að hún lesist vel í báðum.

Ókeypis skjáborðsvalkosturinn er Inkscape. Fluttu inn PNG-myndina, veldu hana og opnaðu Path > Trace Bitmap (Shift+Alt+B). Einsskannsstillingar eins og Brightness cutoff gefa einn svartan feril, sem hentar línuteikningum; fjölskannsstillingar rekja ákveðinn fjölda lita eða grátóna sem staflaða lagskipta ferla. Svart-hvít rakning Inkscape byggir á Potrace, rakningarsafni sem Peter Selinger gaf út árið 2001. Potrace sjálft er skipanalínuforrit sem les PBM, PGM, PPM eða BMP frekar en PNG, ræður aðeins við tvítóna myndir og skrifar SVG, PDF, EPS eða DXF, sem gerir það gott val til að skrifta stórar runur af skönnunum.

Í Adobe Illustrator kom Image Trace í stað eldri Live Trace í Illustrator CS6. Settu PNG-myndina inn, opnaðu Window > Image Trace og byrjaðu á forstillingu eins og Black and White Logo, 3 Colors eða 16 Colors, og stilltu síðan Paths, Corners og Noise í ítarlega hlutanum. Rakningin helst lifandi þar til þú smellir á Expand, sem breytir henni í venjulega breytanlega ferla. Ef hvorugt forritið er uppsett keyrir vafrabreytir sama ferli: fækka litum, finna brúnir, leggja ferla; mynd í SVG breytirinn tekur líka við JPG, WebP og HEIC og getur skrifað EPS, PDF eða DXF í stað SVG.

Á vefnum hefur SVG verið W3C-tilmæli síðan 2001 og allir núverandi vafrar birta það í <img> merki, sem CSS-bakgrunn eða beint í HTML, þar sem litir þess geta jafnvel breyst við yfirsvif. Rakið lógó kemur yfirleitt í stað nokkurra PNG-stærða fyrir retina-skjái með einni lítilli skrá. Fyrir skurðarvélar er SVG sniðið sem Cricut Design Space og Silhouette Studio vænta: hvert rakið form verður skurðarferill og fjöllita rakning kemur sem aðskilin lög sem þú getur skorið úr mismunandi vínilitum. Laserskerar og CNC-hugbúnaður kjósa yfirleitt DXF, sem PNG í DXF býr til með sömu rakningarstillingum.

Prentsmiðjur biðja um vektorgrafík því prentvél, útsaumsstafrænn hönnuður eða skiltaskeri þarf brúnir, ekki pixla, og rakið SVG dugar oft fyrir límmiða, stuttermaboli eða borða. Það er samt nálgun: ferlarnir eru áætlaðar ágiskanir, litirnir meðaltöl úr pixlum og texti er útlínugerður. Áður en þú rekur fyrirtækjalógó skaltu því spyrja þann sem gerði það. Hönnuður eða auglýsingastofa á nær alltaf upprunalegu AI-, EPS-, PDF- eða SVG-skrána með nákvæmum ferlum, nefndum litum og letri, og það tekur mínútu að senda hana. Rakning er rétta tækið þegar upprunaskráin er töpuð, þegar lógóið lifir aðeins á skönnuðum bréfsefnishaus, eða þegar myndin er þín eigin teikning.