Premeňte ikonu SVG na kód na použitie v CSS. Konvertovanie obrázkov z rastra na vektor Konverzia obrázkov zo svg na png

Od autora: Obrázky SVG nie sú také bežné ako naše obľúbené bitmapové formáty PNG a JPG, ale výhody vektorovej grafiky priťahujú čoraz viac dizajnérov. Dizajnéri vo svojich projektoch stále častejšie používajú vektorovú grafiku. Predtým sme potrebovali stiahnuť desktopové aplikácie, ako sú Adobe Illustrator a Inkscape, ale v roku 2017 môžete navrhovať vektorovú grafiku bez toho, aby ste museli opustiť prehliadač. Ak ste hľadali bezplatný editor SVG, môžete začať s týmito šiestimi bezplatnými nástrojmi.

Vectr

Vectr – dobrá voľba pre začiatočníkov i pokročilých používateľov SVG. Rozhranie je prehľadné a nepreplnené množstvom nástrojov, ktoré nebudete používať. Editor je vhodný pre tých, ktorí začínajú s vektorovou ilustráciou. Užívateľ by sa nemal stratiť medzi nástrojmi, ktorým nie je jasné, na čo sa používa. Sada obsahuje niekoľko lekcií. Aj keď ste s SVG úplná nula, máte schopnosť rýchlo sa učiť.

Všetko vyššie uvedené však neznamená, že Vectr má slabú funkčnosť. Obsahuje všetky základné sady na vytváranie pravidelných obrázkov: tvary, text, vrstvy, tiene, rámy, pozadia atď. Nedá sa to porovnať s plnohodnotným editorom pre stolné počítače, ale na rýchle návrhy a úpravy je to viac než dosť. Môžete vytvoriť obrázok úplne od začiatku alebo nahrať existujúci.

Pri načítavaní zložitých ilustrácií do Vectru sa môžu vyskytnúť chyby (mapy alebo podrobné diagramy). Editor nie vždy zvláda zložitú grafiku dobre. Na jednoduchšie SVG (ikony, logá a pod.) Však tento editor úplne postačí.

JavaScript. Rýchly štart

Ak online verzia nemá potrebné funkcie, môžete si stiahnuť desktopovú verziu aplikácie. Editor je k dispozícii pre Windows, Mac, Linux a Chromebooky.

Asi najlepšia funkcia vo Vectre je, že môžete prepojiť a vložiť obrázky priamo z webu Vectr, čo z neho robí účinný hostiteľ SVG. Mnoho služieb blokuje načítanie súborov SVG, takže je to veľké plus. Môžete ukázať Obrázky SVG z Vectr na vzdialené weby ako WP, Medium, Tumblr atď., ktoré blokujú priame načítanie SVG, ale umožňujú ich vzdialené poskytovanie.

Vectr vám umožňuje zdieľať vektorovú grafiku na paneli editora, aby ostatní mohli upravovať vami vytvorenú grafiku. To znamená, že môžete napríklad vytvoriť šablónu loga SVG, ktorú si už používatelia budú finalizovať sami. To všetko v prehliadači.

Za týmto účelom Vectr nedávno vydal verziu editora vo formulári plugin pre WP.

RollApp

Na rozdiel od ostatných nástrojov v zozname sa pri návšteve domovskej stránky RollApp editor neotvorí pred vami. RollApp je balík aplikácií a editor SVG je len jednou z aplikácií. Skvelý nástroj, toto je verzia prehliadača Inkscape.

Na prácu s RollApp potrebujete účet. Môžete si zaregistrovať nový alebo sa prihlásiť pomocou služieb Google, Facebook, Amazon. Veľmi výhodné, nenávidím vytváranie tisícov nových účtov, len aby som videl túto aplikáciu.

Inkscape v celej svojej kráse! RollApp je bezpochyby najbohatšou aplikáciou v zozname. Inkscape vo svojom prehliadači doslova používate! Neporovnával som každý detail, ale táto aplikácia vyzerá ako VŠETKY funkcie Incscape, ako sú vrstvy, objekty, text, cesty, filtre, efekty, rozšírenia atď.

Veľké súbory sa nespracujú tak rýchlo, pretože akcie sa vykonávajú na aplikačných serveroch a cez internet. Stručne povedané - ak potrebujete upravovať veľké a zložité súbory, RollApp nie je ideálny, ale pre ostatné úlohy, ktoré nie sú súčasťou základnej sady, je tento editor lepší ako ostatné.

BoxySVG

Ak už dávno čítate SitePoint, mali by ste sa v editore vyznať. BoxySVG, pretože za posledných 12 mesiacov sme o tom už hovorili. Nebudem robiť podrobnú kontrolu, pretože to už bolo vykonané v tento článok.

JavaScript. Rýchly štart

Preskúmať Základy JavaScriptu na praktický príklad pri vytváraní webovej aplikácie

Čo je dôležité, od Alexovej recenzie, BoxySVG pridal inšpektor kódu, čo z neho robí jeden z najaktuálnejších nástrojov SVG pre webových vývojárov.

Janvas

Pred par rokmi Janvas bol veľmi obľúbený editor SVG. Tento editor bohužiaľ nebol vyvinutý nedávno, ale napriek tomu stále funguje. Web sa pohybuje dopredu a Janvas stojí na mieste, takže záujem oň vyprchal. Alex zo servera SitePoint s týmto nástrojom trochu pracoval v rokoch 2013-14 (vrátane platenej verzie) a chvíľu dokonca odpovedal na otázky. google stránka+. Janvas bol dosť silný nástroj.

Hlavným problémom Janvasu je, že je trochu zastaraný. Prehliadače sa vyvíjajú a aplikácie, ktoré ich nenasledujú, sú každým dňom menej stabilné. Janvas má mnoho funkcií: tvary, text, nástroje na kreslenie, cesty, masky a vrstvy. Používatelia na fórach však tvrdia, že mnohé z týchto funkcií neprinášajú požadovaný výsledok.

Je tu dobrá správa - vyjde nová verzia ako aplikáciu pre Chrome. Dúfajme, že problémy vyriešia.

DrawSVG

Možno ste si už vybrali bezplatný online editor SVG. Ak nie, tak pokračujte. DrawSVG- Plne kompatibilný editor SVG s mnohými funkciami. Veľmi sa mi páči, že dizajn tejto aplikácie je skutočne prispôsobený pre web a nevyzerá ako port desktopovej aplikácie pre prehliadač. Ponuka sa nachádza vľavo, kliknutím otvoríte ponuku druhej úrovne atď.

S DrawSVG môžete kresliť, upravovať a vykresľovať objekty. Môžete kresliť jednoduché tvary, existujú Bézierove krivky, rovný a zakrivený text, veľa štýlov ťahov a výplní atď. SVG je možné exportovať aj do formátu PNG.

Úprava SVG

Úprava SVG- dedko online redaktori vektorová grafika, sa objavil v polovici roku 2000. Neexistuje žiadna funkcia servera, všetko funguje v prehliadači. Svoju prácu nemôžete uložiť bez pridania vlastných funkcií.

Avšak pre editora, ktorého život začal ako vysoko obmedzený a nenápadný program pre vektorové kreslenie, sa funkcia úpravy SVG neustále zlepšovala.

Pomocou úpravy SVG môžete kresliť jednoduché tvary (čiary, obdĺžniky, kruhy, mnohouholníky, čiary od ruky atď.), Používať cesty, vrstvy, prechody, môžete zobrazovať a upravovať zdroje SVG, exportovať do formátu PNG, JPEG, BMP, WEBP , atď.

Záver

Okrem týchto 6 editorov SVG existuje ešte niekoľko ďalších, ale len málo z nich ponúka viac funkcií ako päť vyššie uvedených.

Ak sa chcete vážne zaoberať SVG a tieto nástroje nemajú potrebnú funkcionalitu, môžete si kedykoľvek stiahnuť desktopový editor SVG, ako napríklad Illustrator alebo Inkscape. Pre ľahkosť, rýchlosť a flexibilitu však všetky vyššie uvedené editory ponúkajú užitočnú sadu funkcií.

PS: Môžete tiež skúsiť Obr... Je to skôr nástroj na tvorbu používateľského rozhrania, nie editor SVG. Má však veľkú sadu nástrojov a generuje dobre optimalizovaný kód SVG.

Najľahší spôsob sledovania grafiky je otvoriť alebo vložiť súbor do programu Adobe Illustrator a automaticky ho sledovať pomocou príkazu Image Trace: Help Illustrator. Použitie nástroja Image Trace Tool - CS6

* Ešte jednoduchšie):
Vami poskytnutý softvér / obrázok / obrázok / kresba / fotografia - vektor za 1 (!) Euro -> Obrázok do vektora

=== Online služby ===

  • Prvý je platený, aj keď dva úvodné obrázky je možné urobiť zadarmo.

V angličtine, aj keď je ľahké to pochopiť. Dve možnosti použitia - online alebo kúpa programu pre počítač. Cena za online použitie (neobmedzene) je 7,95 dolára, program pre desktop 295,00 dolárov. Je možné objednať manuálne sledovanie.
Na nezávislých portáloch môžete samozrejme nájsť lacnejšie, no, každý si vyberie.

Presnosť

Vyššie sú uvedené niektoré porovnávacie obrázky spoločností Vector Magic, Adobe Live Trace (CS6) a Corel
Corel PowerTRACE (X6). Dávajte pozor na presnosť spracovania formulárov spoločnosťou Vector.

Jednoduchosť použitia

Na to, aby ste dosiahli prijateľný výsledok, nemusíte inštalovať a poznať veľké množstvo možností a nastavení.

Stačí si zodpovedať pár jednoduchých otázok a je to. Ak výsledok nie je uspokojivý, potom existuje „sprievodca poruchami“, kde môžete ľahko nájsť odpoveď a problém vyriešiť.

Môžete to skúšať znova a znova, kým nedosiahnete uspokojivý výsledok.

Vo všeobecnosti môžete túto prácu presunúť na Vektor a venovať sa kreatívnejším úlohám.

Preklad je bezplatný, ale význam je asi takýto.

Pôvodné obrázky v Formát JPG, GIF, PNG, BMP a TIFF. Výsledkom sú tri možnosti kvality a tri formáty: EPS, SVG a PNG. Po dokončení je možné opakovanie s inou požadovanou kvalitou a niektoré úpravy.

  • Ďalej, úplne ZADARMO .

Úplne v angličtine, ale použitie je jasné. Trochu viac prispôsobenia a ručnej práce, ale stojí to za to.


Podporované zdrojové formáty:
  • Prenosná sieťová grafika PNG
  • Obrázok TGA Truevision Targa
  • Prenosný bitmapový formát PBM
  • PNM Prenosný formát ľubovoľnej mapy
  • Prenosný formát šedej mapy PGM
  • Prenosný formát pixmap PPM
  • BMP Microsoft Windows bitmapový obrázok

Výstupné formáty:
  • svg Škálovateľná vektorová grafika
  • eps zapuzdrený PostScript
  • ai Adobe Illustrator
  • dxf formát DXF (bez splajnov)
  • frontendový formát p2e pstoedit
  • sk Skica
  • obr XFIG 3.2
  • emf Vylepšený formát metasúboru
  • mif Frame Maker formát MIF
  • er Elastic Reality Shape file
  • epd formát EPD
  • pdf formát PDF
  • cgm metasúbor počítačovej grafiky
  • dr2d IFF DR2D? formát
  • umožňuje prevádzať obrázky do formátu. Môžete buď nahrať súbor, alebo poskytnúť odkaz na obrázok. Možné je aj prekrývanie digitálnych efektov.

Pri prevode rastrových obrázkov (PNG alebo JPG) do formátu SVG sa tvary a objekty prevedú na čiernobielu vektorovú grafiku, ktorej mierka je zmenšená bez straty kvality. Také obrázky je možné zafarbiť pomocou slobodný softvér o práci s vektorovými obrázkami (a inými). Fotografi vo väčšine prípadov nedosiahnu požadovaný výsledok pri prevode bitmapy na formát SVG.

Ak prevádzate ľubovoľný formát SVG vektorový obrázok(napríklad formát eps alebo ai), prevodník sa pokúsi zachovať všetky vektorové a farebné údaje a tiež zaistí, aby boli tieto dva súbory čo najpodobnejšie.

Konvertor formátu Scalable Vector Graphics (SVG) vám umožňuje prevádzať súbory do viac ako 130 formátov. Smery konverzie:

3FR do SVG, AFF do SVG, AI do SVG, ANI do SVG, ART do SVG, ARW do SVG, AVI do SVG, AVS do SVG, BMP do SVG, CDR do SVG, CGM do SVG, CIN do SVG, CMYK do SVG, CMYKA do SVG, CR2 do SVG, CRW do SVG, CUR do SVG, CUT do SVG, DCM do SVG, DCR do SVG, DCX do SVG, DDS do SVG, DFONT do SVG, DIA do SVG, DNG do SVG, DPX do SVG, DXF do SVG, EPDF do SVG, EPI do SVG, EPS do SVG, EPSF do SVG, EPSI do SVG, EPT do SVG, EPT2 do SVG, EPT3 do SVG, ERF do SVG, EXR do SVG, FAX do SVG, FIG to SVG, FITS to SVG, FPX to SVG, FRACTAL to SVG, FTS to SVG, G3 to SVG, GIF to SVG, GIF87 to SVG, GREY to SVG, GRB to SVG, HDR to SVG, HRZ to SVG, ICB do SVG, ICO do SVG, ICON do SVG, IPL do SVG, JBG do SVG, JBIG do SVG, JNG do SVG, JP2 do SVG, JPC do SVG, JPE do SVG, JPEG do SVG, JPG do SVG, JPX do SVG, K25 až SVG, KDC do SVG, M2V do SVG, M4V do SVG, MAT do SVG, MIFF do SVG, MNG do SVG, MONO do SVG, MOV do SVG, MP4 do SVG, MPC do SVG, MPEG do SVG, MPG do SVG, MR W to SVG, MSL to SVG, MSVG to SVG, MTV to SVG, MVG to SVG, NEF to SVG, NRW to SVG, ORF to SVG, OTB to SVG, OTF to SVG, PAL to SVG, PALM to SVG, PAM to SVG, PBM do SVG, PCD do SVG, PCDS do SVG, PCL do SVG, PCT do SVG, PCX do SVG, PDB do SVG, PDF do SVG, PDFA do SVG, PEF do SVG, PES do SVG, PFA do SVG, PFB do SVG, PFM do SVG, PGM do SVG, PICON do SVG, PICT do SVG, PIX do SVG, PJPEG do SVG, PLASMA do SVG, PNG do SVG, PNG24 do SVG, PNG32 do SVG, PNG8 do SVG, PNM do SVG, PPM do SVG, PS do SVG, PSD do SVG, PTIF do SVG, PWP do SVG, RAF do SVG, RAS do SVG, RGB do SVG, RGBA do SVG, RLA do SVG, RLE do SVG, SCT do SVG, SFW do SVG, SGI do SVG, SK do SVG, SK1 do SVG, SR2 do SVG, SRF do SVG, SUN do SVG, SVG do SVG, SVGZ do SVG, TGA do SVG, TIF do SVG, TIFF do SVG, TIM do SVG, TTC do SVG, TTF do SVG, TXT do SVG, VDA do SVG, VICAR do SVG, VID do SVG, VIFF do SVG, VST do SVG, WBMP do SVG, WEBP do SVG, WMF do SVG, WMZ do SVG, WPG do SVG , X až SVG, X3F až SVG, XAML až SVG, XBM až SVG, XC až SVG, XCF až SVG, XFIG až SVG, XPM až SVG, XV až SVG, XWD až SVG, YCBCR až SVG, YCBCRA až SVG, YUV v SVG

Postavené na riešeniach s otvoreným zdrojovým kódom, ako sú Autotrace, ImageMagick a rôzne grafické komponenty Linux.

Konverzné formáty:

SVG - škálovateľné súbory vektorovej grafiky
AI - Súbory Adobe Illustrator (založené na postscripte)
CGM - súbory metasúboru počítačovej grafiky
WMF - súbory Windows Metafile
SK - Sketch / Skencil files
PDF - formát prenosného dokumentu
EPS - PostScript
PLT - HPGL na rezanie súborov plotra

tiež: P2E, FIG, EMF, MIF, ER, DXF, EPD, CGM, oDR2D

Niekedy je potrebné uložiť svg do formátu png pomocou prehliadača. Prehliadač bohužiaľ nemá magické rozhranie API, ktoré by vám to umožnilo bez rôznych hackov. Čo robiť, ak napriek tomu chcete dosiahnuť to, čo chcete?

Prvá myšlienka, ktorá mi prišla na um, je urobiť to prostredníctvom plátna, ktoré má metódu toDataURL ("image / png");
Napísal som teda jednoduchý skript: jsfiddle, github:

Var html = document.querySelector ("svg"). ParentNode.innerHTML; var imgsrc = "data: image / svg + xml; base64," + btoa (html); var canvas = document.querySelector ("plátno"), kontext = canvas.getContext ("2d"); canvas.setAttribute ("width", 526); canvas.setAttribute ("výška", 233); var image = nový obrázok; image.src = imgsrc; image.onload = function () (context.drawImage (image, 0, 0); var canvasdata = canvas.toDataURL ("image / png"); var a = document.createElement ("a"); a.textContent = " uložiť "; a.download =" export_ " + Date.now () +" .png "; a.href = canvasdata; document.body.appendChild (a); canvas.parentNode.removeChild (canvas););

Podstata skriptu je jednoduchá: skonvertoval som svg na dataUri, načítal som ho cez obrázok, nakreslil som obrázok na plátno a zmenil som ho na png. Zdá sa, že cieľ bol dosiahnutý, a vy si môžete oddýchnuť. Tento prístup fungoval vo Firefoxe a Chrome, ale keď som ho otvoril v našom obľúbenom prehliadači IE, zobrazila sa úžasná chyba:

Ide o to, že IE si myslí, že obrázok bol stiahnutý z iného hostiteľa. Nastavenie pôvodu pre dataUri bohužiaľ nebude fungovať. V skutočnosti popis pravidiel nájdete tu: https://html.spec.whatwg.org/multipage/scripting.html#security-with-canvas-elements. Cez server bolo samozrejme možné proxy svg a potom by všetko fungovalo, ale chcel som čisto klientske riešenie.

A potom som si spomenul na nádhernú knižnicu canvg. Pomocou tejto knižnice nakreslím svg na plátno a potom budem pokračovať ako v prvej možnosti: vezmem toDataURL ("image / png"). Výsledkom je taký jednoduchý kód: github:

Var svg = document.querySelector ("svg"); var canvas = document.createElement ("plátno"); canvas.height = svg.getAttribute ("výška"); canvas.width = svg.getAttribute ("width"); canvg (canvas, svg.parentNode.innerHTML.trim ()); var dataURL = canvas.toDataURL ("image / png"); var data = atob (dataURL.substring ("data: image / png; base64,". length)), asArray = new Uint8Array (data.length); for (var i = 0, len = data.length; i< len; ++i) { asArray[i] = data.charCodeAt(i); } var blob = new Blob(, {type: "image/png"}); saveAs(blob, "export_" + Date.now() + ".png");

Tu stojí za zmienku, že na vyvolanie dialógu uloženia som použil aj knižnicu FileSaver.
To je všetko, dosiahli sme požadovaný výsledok.

Stojí za zmienku jedna nuansa - premýšľal som o uložení svg do png, keď som písal doplnok na export tauCharts. Pretože štýly v svg sú nastavené z externého súboru, aby som dosiahol čo najväčšiu podobnosť s pôvodným svg, vložím vložený štýl do svg. A dostávame tento výsledok.

Dúfam, že tento článok bude pre vás užitočný a ušetrí vám čas.

Obrázok SVG je hlavným vektorovým formátom pre ďalšiu generáciu webových stránok a je plne integrovaný s novými štandardmi HTML5. S Aurora SVG Viewer & Converter: Môžete ľahko zobrazovať grafiku SVG a prevádzať svoje produkcie do viacerých formátov.

Nástup HTML5 priniesol väčšie využitie vektorových obrázkov vo formáte SVG. Ak ste webový vývojár, teraz je ten správny čas začať s hrou a vybaviť svoj pracovný postup všetkým, čo potrebujete na prácu s obrázkami HTML5 a SVG. Prvým krokom je získať kópiu dnešnej zľavnenej propagácie softvéru, ktorá je k dispozícii pre používateľov počítačov Mac a Windows!

Aurora SVG Viewer & Converter uľahčuje organizáciu, prezeranie a prevádzanie obrázkov SVG. S Aurora SVG Viewer & Converter si užijete pohodlný režim zobrazovania miniatúr a okamžite rozpoznateľné zobrazenie priečinkov. Ak potrebujete previesť obrázok SVG do iného formátu, Aurora SVG Viewer & Converteršetrí deň tým, že vám umožňuje ukladať obrázky vo formáte TIFF, PNG, JPB, BMP, GIF, TGA, XPM, PPM, XBM alebo dokonca vo formáte PDF. Ešte lepšie je, že môžete hromadne prevádzať viac súborov!

Samozrejme, vždy máte plnú kontrolu nad detailmi pomocou Aurora SVG Viewer & Converter... Upravte výstupné rozlíšenie, prevádzajte časti obrázkov SVG a nastavte kvalitu prevodu!

Snímka obrazovky systému Windows: Snímka obrazovky systému Mac:

Vlastnosti zobrazovača a prevodníka Aurora SVG:

1. Podpora Windows a MAC OS.

2. Ľahko výber priečinka a zobrazenie miniatúr režim.

3. Rýchlo si prezrite obrázky SVG alebo ich preveďte; podporuje SVG a SVGZ.

4. Konvertor SVG do viacerých obrazových formátov obsahuje: tiff, png, jpg, bmp, gif, tga, xpm, ppm, xbm a pdf.

5. Dávkový prevod, vytvorte si zoznam obrázkov na konverziu a potom ich jedným ťahom preveďte a uložte do iného priečinka.

6. Výstupné rozlíšenie je možné ľahko nastaviť pomocou voľného priblíženia. Vyberte a skonvertujte ľubovoľnú oblasť plátna SVG.

7. Vlastný prevod akejkoľvek oblasti, ktorú si vyberiete: vyberte oblasť obrázku SVG a konvertujte.

Podľa toho, či prečo chcete previesť z .png do.svg, nemusíte si robiť starosti. Konverzia z .png (raster) na svg (vektor) môže byť bolestivá, ak nie ste veľmi oboznámení s dostupnými nástrojmi alebo ak nie ste profesiou grafického dizajnéra.

Ak vám niekto pošle veľký súbor s vysokým rozlíšením (napríklad 1024 x 1024), môžete zmeniť jeho veľkosť na takmer akúkoľvek veľkosť, ktorú chcete v GIMP použiť. Problémy sú často pri zmene veľkosti obrázkov, ak je rozlíšenie (pixely na palec) príliš nízke. Ak to chcete opraviť v GIMPe, môžete:

  1. Súbor -> Otvoriť: váš súbor .png
  2. Obrázok -> Vlastnosti obrázku: skontrolujte rozlíšenie a farebný priestor. Chcete rozlíšenie približne 300 ppi. Vo väčšine prípadov chcete, aby bol farebný priestor RGB.
  3. Obraz -> Režim: Nastavený na hodnotu RGB
  4. Obrázok -> Mierka obrázku: ponechajte veľkosť oddelenú a nastavte rozlíšenie Y na 300 alebo viac. Stupnica zásahu.
  5. Obrázok -> Mierka obrázku: Rozlíšenie by teraz malo byť 300 a teraz môžete zmeniť veľkosť obrázka na takmer ľubovoľnú veľkosť.

Nie je to také ľahké ako zmena veľkosti súboru .svg, ale určite je to jednoduchšie a rýchlejšie ako pokúšať sa previesť .png na .svg, ak už máte veľký obrázok s vysokým rozlíšením.

s adobe ilustrátor:

Otvorte Adobe Illustrator. Kliknutím na „Súbor“ a výberom „Otvoriť“ načítajte súbor .PNG do programu. Pred uložením ako súbor SVG obrázok extrahujte. Kliknite na „Súbor“ a zvoľte „Uložiť ako“. Vytvorte nový názov súboru alebo použite existujúci názov. Uistite sa, že vybratý typ súboru je SVG. Vyberte priečinok a kliknutím na tlačidlo „Uložiť“ súbor uložte.

Preferujem AI, pretože môžete vykonať akékoľvek zmeny

Práve som našiel túto otázku a odpovede, pretože sa pokúšam urobiť to isté! Nechcel som použiť niektoré z ďalších uvedených nástrojov. (Nechcete posielať môj e -mail a nechcete platiť). Zistil som, že Inkscape (v0.91) dokáže celkom dobre Dobrá práca... Tento návod je rýchly a ľahko zrozumiteľný.

Je to také jednoduché ako výber bitmapy v Inkskape a Shift + Alt + B.

Sudo apt -get install potrace imagemagick previesť -latný vstup.png výstup.pbm potrace -s výstup.pbm -o výstup.svg rm výstup.pbm

Existuje webová stránka, kde môžete nahrať svoj obrázok a vidieť výsledok.

Ak si však chcete stiahnuť obrázok svg, musíte sa zaregistrovať. (Ak sa zaregistrujete, získate 2 obrázky zadarmo)

Nie je to však ideálne.

Png je štýl bitmapy a SVG je vektor grafický dizajn ktorý podporuje bitové mapy nebude teda prevádzať obrázok na vektory, ale iba obrázok vložený vo vektorovom formáte. Môžete to urobiť pomocou http://www.inkscape.org/, ktorá je bezplatná. Injektuje ho, ale má tiež modul Live Trace, ktorý sa ho pokúsi transformovať na ceste, ak chcete (pomocou potrace). Príklad nájdete v téme Priame sledovanie v programe Adobe Illustrator (komerčnom):

Predpokladám, že chceš písať softvér pre to. Aby ste to urobili naivne, stačí nájsť čiary a nastaviť vektory. Aby ste to urobili inteligentne, pokúšate sa prispôsobiť tvary kresbe (prispôsobenie modelu). Tiež by ste sa mali pokúsiť definovať rastrové oblasti (oblasti, ktoré nemôžete modelovať pomocou hanby alebo nanášania textúr. Neodporúčal by som ísť touto cestou, pretože to bude trvať dosť dlho a vyžaduje si malú znalosť grafiky a počítačového videnia. bude významný a bude sa škálovať oveľa lepšie ako váš pôvodný výstup.

Ak ste v niektorých Linuxový systém, imagemagick je perfektný. Títo.

Previesť somefile.png somefile.svg

Funguje to s mnohými rôznymi formátmi.

Avšak pre ostatné médiá, ako je video a audio (ffmpeg), viem, že ste jasne ukázali png na svg; Stále to súvisí s médiami.

Ffmpeg -i somefile.mp3 somefile.ogg

Len mi povedzte, či chcete prejsť veľa súborov; slučku pomocou základných shell trikov.

Pre f v * .jpg; previesť $ f $ (f% jpg) png; hotový

Tým sa odstráni jpg a pridá sa png, ktorý mu povie, aby konvertoval to, čo chcete.