PNG SVG bihurtu: logoak, ikonoak eta marrazkiak trazatu

PNG bat raster irudi bat da: pixelez osatutako sareta finko bat, pixel bakoitzak kolore bat eta, nahi bada, opakotasun-balio bat dituela. 500 × 500 px-eko logo batek 250.000 karratu horiek ditu, eta ez besterik; beraz, afixa-tamainara handitzean karratu bakoitza handitu edo haien arteko hutsuneak lausotu besterik ezin da egin. SVG bektore-irudi bat da, testu-fitxategi bat, <path>, <circle> eta <rect> bezalako formak koordenatuekin eta betegarri-koloreekin zerrendatzen dituena. Nabigatzaile batek edo ebaketa-makina batek forma horiek behar duen tamainan marrazten ditu berriro; horregatik logo bektoriala zorrotz ikusten da telefonoaren pantailan eta azokako pankartan.

Bektoretik rasterrera pasatzea erraza da, errendatzaileak formak pixeletan margotzen baititu; SVG PNG bihurtu tresnak segundo batean egiten du. Beste norabidean ez dago galerarik gabeko lasterbiderik, pixel-saretak ez baitu sortu zituen formen berririk. Zerbaitek pixelei begiratu eta forma bakoitza non hasten eta non amaitzen den asmatu behar du. Urrats horri trazatzea edo bektorizatzea deitzen zaio, eta PNG SVG bihurtzen duen bihurgailu zintzo orok, Illustratorretik komando-lerroko programa batera, trazatzaile bat du azpian.

Zenbait bihurgailuk zati zailena saltatzen dute. SVG fitxategi baliozko bat idazten dute, jatorrizko PNGa base64 testu gisa txertatuta duen <image> elementu bakarrarekin; horrek fitxategia PNGa baino heren bat handiagoa ere egiten du. Emaitza SVG gisa irekitzen da eta fitxategi-motaren egiaztapena gainditzen du, baina pixel-irudi bat da oraindik, bektore-xafla batean: zoom eginez gero ertz horzdun berberak ikusiko dituzu, eta ebaketa-makinak ez du jarraitzeko biderik aurkituko. Ireki edozein SVG testu-editore batean eta bilatu data:image/png; kate hori badago, ez da ezer bektorizatu.

Trazatzeak hasieratik forma gisa marraztutako irudiak saritzen ditu. Diseinu-aplikazio batetik esportatutako logoa, ikono lau bat, ertz beltzak dituen marrazki bat, eskaneatutako sinadura bat edo plantila bat ertz argiz bereizitako kolore solido gutxik osatzen dituzte. Trazatzaileak kolore bakoitza eskualdetan taldekatzen du, haien ertzak jarraitzen ditu eta kurba leunak doitzen ditu, eta SVGa diseinatzaileak jatorriz marraztutako formetatik gertu geratzen da. Marka-izen baten letra lodiak ere ondo trazatzen dira, letra handi bat betegarri-forma bat baino ez baita, eta glifo bakoitza birkolorea edo tamaina alda dezakezun eskema bihurtzen da, baina ezin duzu berriz idatzi.

Argazkiak kontrako kasua dira. Erretratu batek edo produktu-argazki batek ehunka tonu ezberdin ditu elkarrekin nahasita, eta bektore-formatuak ez du hori modu eraginkorrean deskribatzeko biderik. Trazatzaileari 16 kolore eskatuz gero ilustrazio postertzatu bat lortzen duzu, banda ikusgarriekin; 64 eskatuz gero, PNGa baino askoz handiagoa den fitxategi batean ehunka forma txiki lortzen dituzu, eta oraindik ez da argazki baten itxurakoa. Gradiente leunak, itzalak eta distiak ere banda mehe pilatu bihurtzen dira. Testu txikia hirugarren arazoa da: 10–12 px-etan, antialiasing-ak letra bakoitza atzealdearekin nahasten du, eta trazatzaileak ezin du "e" bat "o" batetik bereizi.

Bereizmenak edozein ezarpenek baino gehiago balio du. Trazatzaileak kurba bakoitza ertz bateko pixel-eskailerara doitzen du, eta eskailera zenbat eta finagoa, kurba orduan eta zehatzagoa. PNGa zuk zeuk esportatu baduzu Figma, Canva, Photoshop edo aurkezpen batetik, esportatu berriro bistaratze-tamainaren bi edo hiru aldiz; 1500–2000 px zabal duen logo batek lan asko eskaintzen dio trazatzaileari. Ez handitu PNG txiki bat AI handitzaile batekin, emaitza garbi ikusten ez bada % 100eko zoomean, asmatutako ertz-testura benetako ertzak bezain leialki trazatzen baita.

Ondoren, sinplifikatu atzealdea. PNGk gardentasun osoa onartzen du, eta atzealde gardena kasurik errazena da: guztiz gardena den pixel bakoitza espazio huts gisa tratatzen da, eta SVGak ez du kutxa zuririk irudiaren atzean. PNGak atzealde solidoa badu, moztu estu irudiaren inguruan lehenik; gure irudia erlaziora nola moztu gidak enkoadratze zehatza azaltzen du. Atzealde nahasia, adibidez kamiseta batean argazkitutako logo bat, kendu edo kolore lau batekin estali behar da trazatu aurretik.

Azkenik, murriztu kolore kopurua trazatzaileak zuretzat egin aurretik. Ezkutatu itzalak, distiak eta gradiente-geruzak iturburu-fitxategian, eta ordeztu gradiente-betegarria bere erdiko koloreaz bektore-bertsioak behar ez badu. Zenbatu geratzen diren kolore solidoak, ertzaren kolorea barne, eta idatzi zenbakia; hurrengo urratsean sartuko duzun zenbakirik erabilgarriena da. Logo beraren JPEG eta PNG artean aukeratzen baduzu, hartu PNGa, JPEG konpresioak zarata gehitzen baitu ertz guztien inguruan, JPG vs JPEG vs PNG artikuluan azaltzen den bezala.

Trazatzaile guztiek hiru galdera berak egiten dituzte, etiketak desberdinak badira ere. Lehena zenbat kolore gorde. PNG SVG bihurtu bihurgailuan, Kolore-modua aukerak Kolorea, Gris-eskala eta Zuri-beltza artean aukeratzen du, eta Kolore kopurua aukerak pixelak zenbat multzotan sailkatzen diren ezartzen du, 2tik 64ra. Doitu idatzi duzun kopuruarekin. Gehiegi jartzeak trazatzaileak antialiasing-eko ertz-pixelak kolore mehe propioetan banatzea eragiten du, eta forma bakoitzaren inguruan halo ahul bat agertzen da; gutxiegi jartzeak marka-kolore bi bakar batean nahasten ditu.

Bigarren galdera ertzak nola tratatu da. Leuntzea aukerak pixelek utzitako eskailera-mailak biribiltzen ditu, eta Xehetasuna aukerak zein txikia izan daitekeen orban bat forma izateko. PNG orriak Xehetasuna 70ean eta Leuntzea 40an hasten da, eta horrek izkina txikiak mantentzen ditu esportazio garbi batean. Jaitsi Xehetasuna hautsa eta puntu galduak agertzen badira, igo Leuntzea kurbak kulunkariak badirudite, eta ezarri Kurbak aukera Marra zuzenak gisa ertz zuzenez osatutako logo geometrikoetarako, edo Pixel-ertzak gisa blokeduna izaten jarraitzea nahi duzun pixel art-erako.

Hirugarren galdera zuri-beltzeko trazatzeari soilik dagokio: non marraztu tinta eta paperaren arteko muga. Atalasea aukera 1etik 254ra doa, 128 lehenetsia izanik. Atalasea baino ilunagoak diren pixelak beltz bihurtzen dira, argiagoak hutsik geratzen dira. Boligrafo urdin mehez idatzitako sinadura baterako, igo 160–180 aldera trazu ahulak bizirik irauteko; paper apur bat grisaren gaineko errotulatzaile lodiko marrazki baterako, jaitsi 100 aldera paperaren testura orban bihur ez dadin. Aldatu ezarpen bakoitza banan-banan eta konparatu, ondorioak elkarri eragiten baitiote.

Ez gelditu miniaturan. Ireki SVGa nabigatzaile batean eta egin zoom % 400–800ra kurbarik estuenean, letra baten zuloan edo punta baten muturrean. Trazu on batek arku leunak eta izkina zorrotzak erakusten ditu diseinuak izkinak dituen tokian; txar batek kulunkak, hozkadurak eta muturrak biribilduak. Gero ikusi fitxategia bektore-editore batean, Inkscape, Illustrator edo Figma bezalakoan, eta aktibatu eskema- edo nodo-ikuspegia. Bi koloreko logo sinple batek ehun batzuk nodo behar ditu normalean; zureak milaka erakusten baditu, trazatzaileak zarata jarraitu du eta bideak latzak izango dira editatzeko edo mozteko.

Fitxategiaren tamaina egiaztapen azkarra da. Logo lau baten SVG optimizatu batek hainbat kilobyte eta hamar batzuk izan ohi ditu, sarritan jatorrizko PNGa baino txikiagoa. Iturburuko PNGa baino hainbat aldiz handiagoa den fitxategi trazatu batek kolore gehiegi, xehetasun gehiegi edo trazatu behar ez zen argazki bat adierazi ohi du. Utzi Optimizatu SVGa aktibatuta, koordenatuak biribiltzen eta bideak bateratzen baititu ikusteko moduko aldaketarik gabe, eta azkenik eskalatu irudia poster-tamainara eta favicon-tamainara bietan ondo ikusten dela baieztatzeko.

Mahaigaineko aukera librea Inkscape da. Inportatu PNGa, hautatu eta ireki Path > Trace Bitmap (Shift+Alt+B). Eskaneatze bakarreko moduek, Brightness cutoff bezalakoek, bide beltz bakarra sortzen dute, marra-lanetarako egokia; eskaneatze anitzeko moduek kolore edo gris kopuru jakin bat trazatzen dute geruza pilatu gisa. Inkscape-ren zuri-beltzeko trazatzea Potracen oinarritzen da, Peter Selingerrek 2001ean kaleratutako trazatze-liburutegi batean. Potrace bera komando-lerroko programa bat da, PNG ordez PBM, PGM, PPM edo BMP irakurtzen duena, bi tonuko irudiak soilik maneiatzen dituena eta SVG, PDF, EPS edo DXF idazten duena; eskaneatze-sorta handiak scriptez automatizatzeko aukera ona da.

Adobe Illustratorren, Image Trace-k Live Trace zaharra ordezkatu zuen Illustrator CS6n. Jarri PNGa, ireki Window > Image Trace eta hasi Black and White Logo, 3 Colors edo 16 Colors bezalako aurrezarpen batekin, gero doitu Paths, Corners eta Noise atal aurreratuan. Trazatzea bizirik dago Expand sakatu arte, eta orduan bide editagarri arrunt bihurtzen da. Bi programetako bat ere instalatuta ez baduzu, nabigatzaile-bihurgailu batek prozesu bera exekutatzen du: koloreak murriztu, ertzak aurkitu, kurbak doitu; irudia SVG bihurtu bihurgailuak JPG, WebP eta HEIC ere onartzen ditu, eta SVG ordez EPS, PDF edo DXF idatz dezake.

Webean, SVG W3C Recommendation da 2001etik eta egungo nabigatzaile guztiek <img> etiketan errendatzen dute, CSS atzealde gisa edo HTMLan txertatuta, non koloreak hover-ean alda daitezkeen ere. Logo trazatu batek retina pantailetarako PNG tamaina asko ordezkatzen ditu fitxategi txiki batekin. Ebaketa-makinentzat, SVG da Cricut Design Space eta Silhouette Studio-k espero duten formatua: trazatutako forma bakoitza ebaketa-bide bihurtzen da, eta kolore anitzeko trazatzea binilo-kolore desberdinetan moztu ditzakezun geruza bereizi gisa iristen da. Laser-ebakitzaileek eta CNC softwareak DXF nahiago izaten dute, eta PNG DXF bihurtu tresnak trazatze-ezarpen berberetatik sortzen du.

Inprimategiek bektore-artelana eskatzen dute inprimagailu batek, brodatu-digitalizatzaile batek edo errotulu-ebakitzaile batek ertzak behar dituelako, ez pixelak, eta SVG trazatu batek sarritan betetzen du hori eranskailu, kamiseta edo pankarta batentzat. Hala ere hurbilketa bat da: kurbak asmatutako doikuntzak dira, koloreak pixeletatik batez bestekoak, eta testua eskema bihurtuta dago. Beraz, enpresa-logo bat trazatu aurretik, galdetu egin zuenari. Diseinatzaile edo agentzia batek ia beti du jatorrizko AI, EPS, PDF edo SVGa kurba zehatzekin, kolore izendatuekin eta letra-tipoekin, eta bidaltzeak minutu bat hartzen die. Trazatzea tresna egokia da jatorrizkoa galdu denean, logoa eskaneatutako gutun-buru batean bakarrik bizi denean edo irudia zeure marrazkia denean.