JPG în format vector. Conversie online a imaginilor raster în vector. Să analizăm traducerea unei imagini folosind un exemplu.

Să presupunem că avem un fel de imagine raster și vrem să o obținem în formă vectorială (sau în curbe). Ce trebuie să facem pentru asta? În primul rând, ai nevoie Programul Adobe Ilustrator.

Versiunea nu contează.

Procedură

Deschideți bitmap-ul nostru în Adobe Illustrator. Pentru a face acest lucru, puteți face clic dreapta pe imagine și selectați Deschidere cu ...> Adobe Illustrator din meniul derulant sau porniți Illustrator și trageți imaginea pe zona de lucru.

Imagine originală

În bara de instrumente, selectați instrumentul „ Evidențierea"(Săgeată neagră) și faceți clic pe această săgeată pe imaginea noastră. În acest caz, desenul ar trebui să iasă în evidență. Pentru a testa acest lucru, puteți încerca să îl mutați puțin, ținând apăsat butonul stâng al mouse-ului în timp ce cursorul este deasupra imaginii (folosind principiul glisare și plasare).

Deasupra zonei de lucru, găsim butonul „ Urmărire rapidă»Și faceți clic pe săgeata de lângă ea. Afișează toate opțiunile disponibile pentru această acțiune. Avem nevoie de articolul " Opțiuni de urmărire ...". Când facem clic pe ea, se deschide o fereastră cu parametri.

În partea dreaptă a ferestrei de parametri, selectați elementul „ Vedere". Acest lucru vă va ajuta să obțineți un rezultat mai bun și să aflați de ce este responsabil fiecare parametru.

1) faceți-o într-un mod științific, adică va trebui să citiți în sfaturile de instrumente care dintre parametri afectează ce și să setați valorile necesare;

2) experimentați singuri parametrii, folosind așa-numita „metodă științifică a poke”.

Prefer a doua metodă: în primul rând, traducerea rusă a unui cuvânt nu transmite întotdeauna pe deplin semnificația în original și, în al doilea rând, este adesea mai ușor și mai rapid să ne amintim astfel. Schimbați parametrul. Vedeți ce este afectat (vizual). Combinați mai mulți parametri. Și așa mai departe până când se obține un rezultat mai mult sau mai puțin acceptabil.

Imaginea vectorială rezultată.

Când imaginea arată deja ca adevărul, în fereastra parametrilor de urmărire, faceți clic pe „ Urmărirea„Și în meniul de deasupra zonei de lucru butonul” Demontați". Astfel, obținem imaginea originală, dar deja în curbe.

Dacă nu sunteți mulțumit de rezultatul obținut, îl puteți modifica. Pentru a face acest lucru, utilizând instrumentul „ Evidențierea»Este necesar să selectați toate curbele create (apăsați butonul stâng al mouse-ului și, ținându-l, înconjurați întregul desen). Mergem la elementul de meniu " Un obiect» > « Transformare» > « Scalare”Și redimensionați imaginea astfel încât să fie suficient de mare pentru o editare ușoară. Apoi selectăm instrumentul „ Selecție directă"(Săgeată albă). Cu această săgeată albă, faceți clic alternativ în fiecare nod și aliniați splinele după cum este necesar: când selectați un vârf, apare o mustață lângă ea, trăgând pe care puteți schimba curbura splinei.

Rezultatul în modul grilă

De asemenea, puteți obține un rezultat mai bun dacă inițial faceți o imagine mare. calitate bună... Prin urmare, dacă nu doriți să pierdeți timp jucând cu noduri spline în viitor, utilizați imagini de înaltă calitate ca materii prime pentru urmărire!

Pe spațiile deschise ale internetului rusesc, am găsit o imagine a siglei. Este posibil să îl convertiți dintr-un raster în vector în Photoshop și automat? Nu. Din păcate, în timp ce tendințele vectorului în Photoshop sunt astfel, tot ceea ce s-a făcut în această direcție a rămas neschimbat cu încă 5 versiuni în urmă. De atunci, nu a mai fost atins, nu s-a schimbat și nimic nou nu a fost adăugat la vector. Aveți nevoie de instrumente vectoriale în Photoshop? Iată-le, vrei mai mult? Ce ai uitat în Photoshop, maestru Illustrator. Aproximativ această linie de gândire a determinat dezvoltatorii să implementeze cele mai simple operații vectoriale în Photoshop. Acum să trecem la treabă.

Conversia raster-vector se efectuează prin zonele de selecție. Mai întâi, creăm o selecție, apoi traducem liniile de selecție în contururi vectoriale, apoi umpleți căile vectoriale cu straturi de umplere, creând astfel o mască vectorială. Pentru a înțelege toate acestea nu la nivelul echipelor armatei - faceți clic aici, faceți clic acolo, ar trebui să învățați cum să lucrați cu instrumente de desenare vectorială, să înțelegeți modul în care căile vectoriale pot interacționa între ele și să învățați cum să creați o mască vectorială. Dar nu vă faceți griji, nu trebuie să vă așezați să citiți până în weekend, veți înțelege deja cum să convertiți un raster în vector în Photoshop dacă terminați de citit articolul până la capăt.

Evidențierea logo-ului

Aș dori să subliniez că, pentru ca traducerea într-un vector să fie de înaltă calitate, imaginea în sine trebuie să fie de dimensiuni mari. Acest lucru este adevărat în cazul urmăririi în Illustrator, iar pentru Photoshop este chiar mai important. Imaginea mea are o lățime de 1500 pixeli, când am terminat traducerea într-un vector, voi arăta cum Photoshop traduce imagini mici și vom compara rezultatele.

  • Alegeți instrumentul baghetă magică
  • Setați în opțiunile Toleranță 20 sau 30.
  • În același loc, faceți clic pe pictograma Adăugați la selecție. Am scris în detaliu despre munca lor în articolul Adăugare, scădere, intersecție și excludere din Photoshop unde era vorba despre instrumente vectoriale, dar în selecție aceste opțiuni funcționează la fel.

Sincer să fiu, nu-mi pasă cum evidențiați sigla, fie cu lasso manual, fie prin gama de culori. Doar că în această situație, în mod specific pe această imagine, cea mai ușoară cale este de a o face cu Magic Wand Tool.

Convertiți selecția într-o cale vectorială

Nu comutați de la instrumentul baghetă magică.

  • Faceți clic dreapta pe zona de selecție.
  • Din meniul care apare, alegeți Creați calea de lucru.

  • În fereastra care apare, reglați toleranța la 1.0. Cu cât este mai mare valoarea toleranței, cu atât contururile noastre vor fi mai netede, mai stilizate și inexacte.

În ilustrația de mai jos, am selectat instrumentul de selectare a căii și am selectat calea, astfel încât să o puteți vedea.

Salvarea căii către paleta Cale

Această operație este opțională, dar de dorit.

    Treceți la paleta Cale. Dacă nu o puteți găsi, faceți clic pe Fereastră> Cale

    Faceți dublu clic pe calea din paletă.

  • În fereastra care apare, introduceți un nume și faceți clic pe OK.

Creați o mască vectorială

Procesul de creare a unei măști vectoriale este perfect descris în articolul meu Vector mask în Photoshop. Să desfășurăm acest proces rapid și fără detalii.

    Asigurați-vă că canisa dvs. este selectată în paleta Căi

    Alegeți din meniul Layer> New Fill Layer> Solid Color

    În fereastra care apare, selectați o culoare și faceți clic pe OK

Asta e tot. Totul ar fi mai precis dacă nu ar fi hronofag.ru Nu uitați că v-am spus că cu cât imaginea este mai mică, cu atât va fi mai rău tradusă. Ești gata să pariezi pe mâinile tale o scanare murdară îndesată în Cuvânt, pe care clientul cere să o traducă într-un vector? Am ghicit? În același timp, imaginea a fost comprimată prin compresie JPG, redusă, apoi mărită, apoi redusă din nou la dimensiunea unui avatar și chiar s-a vărsat ketchup pe ea. Este posibil să traduci calitativ o astfel de imagine într-un vector în Photoshop?

În primul rând, aruncați o privire la sigla noastră. În ciuda rezoluției excelente, marginile clare Photoshop nu a reușit să creeze contururi frumoase și uniforme. Ilustratorul o face de 100 de ori mai bine, dar articolul nu este despre ilustrator. După cum puteți vedea, contururile nu sunt nici măcar peste tot, chiar și în părțile dreptunghiulare ale siglei. Și cercurile sunt complet oblic.

Acum voi reduce imaginea de 2 ori, apoi de 2 ori mai mult și vă voi arăta rezultatul traducerii într-un vector.

Iată un bun exemplu despre modul în care dimensiunea bitmap-ului afectează calitatea urmării. Și asta, în ciuda faptului că imaginea are o calitate foarte bună, în ciuda dimensiunii. Ei bine, voi reduce calitatea. Salvați imaginea ca JPG la cea mai proastă calitate.

Să traducem într-un vector. Rezultat excelent, lipsește doar ketchup. Chiar potrivit pentru un client mulțumit, prelucrare grunge sau vintage!

Și totuși manipulez ușor adevărul. Ideea este că toate acestea au sens pentru Illustrator, care creează un vector pe baza unei imagini. Photoshop nu creează un vector dintr-o imagine, ci creează căi dintr-o selecție. Este logic că, cu cât selecția este mai bună și mai lină, cu atât curbele vor fi mai fine. Iar instrumentul Bagheta magică cu care am selectat aceste zone nu mai este potrivit pentru selectarea unor astfel de imagini înfiorătoare. Da, veți putea face selecții de înaltă calitate, utilizați toate instrumentele de selecție, veți putea chiar să le măriți și să creați un contur mai mult sau mai puțin uniform pe baza lor, care totuși nu va fi ideal. Mergând pe acest drum este doar o pierdere de timp. Singura opțiune de lucru este să redați sigla de la zero în Photoshop.

05.04.2014 62765

Se poate întâmpla să aveți nevoie brusc să convertiți o hartă de biți obișnuită în format vector. Dacă nu v-ați mai ocupat niciodată de grafica vectorială sau aveți idei foarte vagi despre aceasta, atunci cu siguranță primul lucru care vi se întâmplă este să găsiți un program convertor pe Internet, să încărcați o imagine raster în el și, ca de obicei, obțineți rezultatul final la ieșire. Dar nu este atât de simplu.


Nu merită să vă bazați pe așa-numiții convertoare raster-vector, deoarece nu toți dau rezultatul dorit. Cele mai multe dintre aceste programe distilează un format în altul, de exemplu, în JPG în EPS, dar esența nu se schimbă de la acesta. Și asta pentru că un raster și un vector sunt lucruri fundamental diferite și nu există nicio modalitate de a le converti direct. Dacă o imagine raster este un set de puncte - pixeli, atunci o imagine vectorială este în esență o formulă matematică, deci abordarea acesteia ar trebui să fie complet diferită.

Apropo, același EPS poate stoca atât obiecte vectoriale, cât și obiecte raster. Și totuși există o modalitate de a converti o imagine obișnuită într-un vector, numai că se numește nu conversie, ci urmărire sau vectorizare. Există două tipuri principale de urmărire - manuală și automată. În timpul urmăririi manuale, o imagine raster deschisă în editorul de vectori este trasată de-a lungul contururilor pe un strat nou și apoi pictată. Cu vectorizarea automată, toate aceste acțiuni sunt efectuate de program.

De exemplu, editorul vectorial Adobe Illustrator oferă o opțiune separată în acest scop. Pentru a converti o imagine într-un vector, deschideți-o în editor, selectați-o cu mouse-ul, apoi selectați Fereastra -> Urmărire imagine.

Aceasta va deschide o mică bară de instrumente în care puteți alege cel mai potrivit șablon. În mod implicit, Illustrator convertește imaginea în vector alb-negru "siluetă".

Pentru a crea maximul imagine realistă ar trebui să alegeți o presetare „Fotografie de înaltă precizie”... În schimb, puteți seta și valoarea maximă pentru parametru „Precizia culorii” folosind glisorul, în timp ce restul parametrilor vor fi selectați automat. Înainte de a începe procesul de vectorizare, asigurați-vă că modul este încă setat "Culoare"și paleta „Ton complet”... Faceți clic pe buton "Urmă" și așteptați finalizarea procesului de conversie.

Tot fișiere graficeîmpărțit la două tip global- raster și vector. Uneori trebuie să convertiți de la un raster la un vector alb-negru. De exemplu, pentru urmărirea pictogramelor alb-negru, coduri QR, coduri de bare, imagini cu subtitrări bitmap, chitanțe sau imagini într-un blog.

Care este diferența dintre un fișier raster și un fișier vector

Grafică raster
Fișier raster reprezintă o succesiune de pătrate colorate (pixeli). Numărul de puncte din fișier este determinat de dimensiunile sale orizontale și verticale. De exemplu, un fișier 640x480 conține 307.200 puncte. Un fișier raster poate fi reprezentat ca un mozaic. Nu puteți întinde o bitmap fără a pierde calitatea.

Popular formate raster: JPEG, GIF, PNG, TIFF, WEBP, BPG.

Grafică vectorială
Grafica vectorială reprezintă multe forme geometrice diferite descrise de formule matematice. Suprapunerea acestor forme una peste alta formează o imagine. De exemplu, un pătrat obișnuit este descris de patru segmente egale, fiecare dintre ele fiind conectat prin capetele sale la capetele celorlalte două la un unghi de 90 de grade.

Formate vectoriale populare: SVG, EPS, WMF, PDF.

Raster la Vector

Algoritm de vectorizare
Urmărirea are loc în mai multe etape:
  • Vectorizatorul scanează imaginea și găsește toate zonele cu pixeli de aceeași culoare.
  • Marginile sunt aproximate cu linii groase de 1 px.
  • Se construiește triangulația constrânsă de-a lungul liniilor.

Convertor bazat pe Potrace
Uneori trebuie să convertiți automat imaginile pe care utilizatorii le încarcă din format raster în format vector.

Există un foarte simplu și Autostradă implementați o astfel de conversie folosind editor de vectori Inkscape. Inkscape folosește Potrace pentru a vectoriza imaginile.

După urmărire, imaginea poate fi doar alb-negru. Pe potrace este scris că este posibil ca suportul crom să fie implementat în viitor.

Un exemplu de conversie de la PNG la SVG. La intrare, funcția potrace acceptă doar fișiere cu extensia PNM, deci înainte de a urmări PNG, trebuie să convertiți:

Exec („converti image.png image.pnm”); exec ("potrace image.pnm -s -o image.svg");
Aici este implementată această metodă și puteți privi calitatea urmăririi oricărei imagini. Un exemplu de vectorizare a unui cod de bare neclar. Și acesta este un exemplu de siglă trasată. Acesta este modul în care convertorul se ocupă de fotografii.

Cum se face imaginea de ieșire color
În plus față de editarea manuală, există o altă opțiune pentru pictarea unei imagini alb-negru la ieșire. Dar imaginea ar trebui să fie de culoare scăzută. Soluția este potrivită pentru urmărirea icoanelor, siglelor și butoanelor colorate în vector.

Puteți evidenția culorile individuale folosind ppmcolormask (inclus în pachetul Netpbm):

Cat img.gif | giftopnm | ppmcolormask # 641b1b | potrace
Apoi urmăriți fiecare parte separat și suprapuneți-le pe ieșire.

Vector către Raster

Rasterizează desen vectorial mult mai ușor. O grilă cu celule de o anumită dimensiune este suprapusă peste o imagine vectorială și imaginea este eșantionată, după care este codificată în funcție de formatul de ieșire.

Un exemplu de conversie SVG în PNG folosind Imagick.

Cu acest cod, puteți converti fișiere SVG în PNG24:

$ svg = file_get_contents ("image.svg"); $ image = new Imagick (); $ image-> setBackgroundColor (ImagickPixel nou ("transparent")); $ image-> readImageBlob ($ svg); $ image-> setImageFormat ("png24"); $ image-> writeImage ("image.png"); $ imagine-> clear (); $ imagine-> destroy ();
Aici puteți vedea rezultatele conversiei imaginilor dvs. din SVG în PNG.

Abstract

  1. Puteți converti de la raster la vector pe site-ul dvs. folosind potrace.
  2. Potrace acceptă doar vectorizarea alb-negru.
  3. Puteți converti de la vector la raster folosind Imagick.

Cel mai simplu mod de a urmări o imagine este să deschideți sau să plasați fișierul în Adobe Illustrator și să-l urmăriți automat folosind comanda Urmărire imagine: Ajutor Illustrator. Utilizarea instrumentului de urmărire a imaginilor - CS6

* Și mai ușor):
Prin software, imaginea / imaginea / desenul / fotografia furnizate de dvs. - în vector pentru 1 (!) Euro -> Imagine în vector

=== Servicii online ===

  • Prima este plătită, deși două imagini de început pot fi realizate gratuit.

În engleză, deși este ușor să-l dai seama. Două opțiuni de utilizare - online sau cumpărați un program pentru computer. Prețul pentru utilizarea on-line (nelimitat) este de 7,95 USD, programul pentru desktop este de 295,00 USD. Este posibil să comandați urmărirea manuală.
Desigur, puteți găsi mai ieftin pe portalurile independente, ei bine, există o alegere pentru toată lumea.

Precizie

Mai sus sunt câteva imagini de comparație cu Vector Magic, Adobe Live Trace (CS6) și Corel
Corel PowerTRACE (X6). Acordați atenție acurateței procesării formularelor de către Vector.

Ușurință în utilizare

Nu este nevoie să instalați și să cunoașteți o mare varietate de opțiuni și setări pentru a obține un rezultat acceptabil.

Trebuie doar să răspunzi la câteva întrebări simple și atât. Dacă rezultatul nu este satisfăcător, atunci există un ghid „privind defecțiunile”, unde puteți găsi cu ușurință răspunsul și rezolva problema.

Puteți încerca din nou și din nou până când obțineți un rezultat satisfăcător.

În general, puteți schimba această lucrare pe Vector și puteți efectua sarcini mai creative.

Traducerea este gratuită, dar sensul este cam așa.

Imagini originale în Format JPG, GIF, PNG, BMP și TIFF. Rezultă trei opțiuni de calitate și trei formate: EPS, SVG și PNG. După finalizare, este posibilă repetarea cu o calitate dorită diferită și o anumită editare.

  • Apoi, complet LIBER .

Complet în limba engleză, dar utilizarea este clară. Puțin mai multă personalizare și lucru manual, dar merită.


Formate sursă acceptate:
  • PNG Grafică de rețea portabilă
  • Imagine TGA Truevision Targa
  • PBM Portable bitmap format
  • PNM Portable anymap format
  • PGM Portabil graymap format
  • PPM Portabil pixmap format
  • Imagine bitmap BMP Microsoft Windows

Formate de ieșire:
  • svg Grafică vectorială scalabilă
  • eps PostScript încapsulat
  • ai Adobe Illustrator
  • format DXF DXF (fără spline)
  • p2e pstoedit format frontend
  • sk Schiță
  • fig XFIG 3.2
  • emf Format îmbunătățit Metafile
  • formatul MIF Frame Maker MIF
  • fișierul Elastic Reality Shape
  • format EPD EPD
  • pdf format PDF
  • cgm Metafile grafică computerizată
  • dr2d IFF DR2D? format
  • vă permite să convertiți imagini în. Puteți încărca un fișier sau puteți furniza un link către o imagine. Suprapunerea efectelor digitale este, de asemenea, posibilă.

Când convertiți imagini raster (PNG sau JPG) în format SVG, formele și obiectele vor fi convertite în alb și negru grafică vectorială care scalează fără nici o pierdere de calitate. Astfel de imagini pot fi colorate folosind software gratuit despre lucrul cu imagini vectoriale (și altele). În majoritatea cazurilor, fotografii nu vor obține rezultatul dorit atunci când convertesc o hartă de biți în format SVG.

Dacă convertiți o imagine vectorială (de exemplu, format eps sau ai) în SVG, convertorul va încerca să păstreze toate datele vectoriale și color și, de asemenea, să se asigure că cele două fișiere sunt cât se poate de similare.

Convertorul de format Scalable Vector Graphics (SVG) vă permite să convertiți fișiere în peste 130 de formate. Direcții de conversie:

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

Construită pe soluții open source, cum ar fi Autotrace, ImageMagick și diverse componente grafice Linux.

Formate de conversie:

SVG - Fișiere grafice vectoriale scalabile
AI - Fișiere Adobe Illustrator (bazate pe postscript)
CGM - Fișiere de fișiere grafice pe computer
WMF - Fișiere Windows Metafile
SK - Sketch / Skencil files
PDF - Format de document portabil
EPS - PostScript
PLT - HPGL pentru tăierea fișierelor plotter

de asemenea: P2E, FIG, EMF, MIF, ER, DXF, EPD, CGM, oDR2D