Mga Tool95

CONVERT / ISANG PRAKTIKAL NA GABAY SA IMAHE

Paano gawing tunay na SVG paths ang PNG o JPG artwork

I-convert ang pixel-based artwork sa mga scalable na hugis.

Ang isang SVG ay maaaring maglaman ng mga vector shape o isang embedded bitmap. Ang Image to SVG ay gumagawa ng mga path at fill mula sa iyong PNG o JPG pixels, kaya maaaring i-edit ng isang vector editor ang mga hugis. Gumagamit ito ng kumbensyonal na tracing sa halip na generative AI.

Na-update

Sundin ang gabay
ISANG TOTOONG INPUT AT NA-DOWNLOAD NA RESULTA
Bago Orihinal na source para sa Image to SVG: 640 x 640 pixels.

sample-vector.png: 640 x 640 px, 23,812 bytes.

Pagkatapos Aktwal na na-download na resulta mula sa Image to SVG: 640 x 640 pixels.

sample-vector.svg: 640 x 640 px, 12,938 bytes.

Orihinal na 640 x 640 PNG at ang totoong 14-path SVG na ginawa gamit ang Logo at 8 na mga kulay. Ang ilang kulay ay nagbabago sa panahon ng palette reduction.
Mga Advertisement
MABILIS NA VIDEO TUTORIAL How to trace an image to SVG with the Illustration preset Upload PNG or JPG artwork, choose the Illustration preset for a color trace, select Start and download the SVG result. Narasyon sa Ingles Panoorin ang video

How to trace an image to SVG with the Illustration preset

Mga Advertisement

Ang halimbawa ay nagsisimula sa isang malinis na ilustrasyon ng bulaklak at sinusuri ang totoong SVG paths na ginawa ng Logo preset. Buksan ang Imahe papuntang SVG.

01

Pumili ng artwork at isang preset

Buksan ang Image to SVG at mag-upload ng PNG, JPG, o JPEG artwork. Ang mga logo, icon, at flat illustration na may malinaw na mga gilid ay magandang panimulang punto. Ang mga litrato ay maaaring i-trace, ngunit ang resulta ay isang pinasimple na koleksyon ng mga hugis sa halip na isang tapat na kapalit ng litrato.

Pumili ng Logo, Illustration, o Line art. Ang Logo ay nagsisimula sa isang compact na palette; ang Illustration ay nagsisimula sa mas maraming kulay at detalye; ang Line art ay nagsisimula sa Black and white tracing. Ang mga preset ay nagtatakda ng ilang kontrol nang sabay-sabay, at maaari mo silang i-refine pagkatapos.

Ang isang malinis na raster source ay karaniwang mas magandang i-trace kaysa sa isa na may mga compression artifact, anino, o textured na background.

02

Ihambing at i-refine ang vector

Sa Color mode, ang Colors ay humihingi ng 2 hanggang 32 na mga kulay. Ang detalye ay mula 1 hanggang 5. Buksan ang Refine edges and background para sa Smooth curves, Remove small speckles, at Background. Ang dagdag na detalye ay maaaring magpataas ng bilang ng path; ang paglilinis ay maaaring mag-alis ng mga tuldok na kabilang sa disenyo.

Piliin ang Update preview pagkatapos baguhin ang mga kontrol. Gamitin ang Original, Vector, at Compare; ang Compare ay may movable divider. Ang halimbawa ay gumagamit ng Logo na may 8 na mga kulay at ang iba pang preset defaults. Ang na-download na SVG ay may 14 paths. Ang palette reduction ay nagbabago ng ilang kulay ng bulaklak, gaya ng ipinapakita ng paghahambing.

Ang color tracing na may Preserve transparency ay nagpapanatili ng mga umiiral na malinaw na rehiyon ngunit hindi nag-aalis ng opaque na background. Ang black and white tracing ay nagpapanatili ng mga madilim na hugis at ginagawang transparent ang mga maliwanag na bahagi. Pumili ng White para sa isang opaque na puting canvas.

Ang SVG ay maaaring maging mas malaki kaysa sa pinagmulan nito. Husgahan ang mga path at hitsura, hindi lang ang laki ng file.

Ang halimbawa sa gabay na ito

Preset: Logo; Color mode; Mga kulay: 8; Detalye: 3; Smooth curves: 60; Alisin ang maliliit na speckle: 4; Background: Panatilihin ang transparency.

Input
640 x 640 px
Output
640 x 640 px
Input file
23,812 bytes
Na-download na file
12,938 bytes
Vector paths
14
03

I-export ang SVG paths

Piliin ang Start. Ang isang input ay gumagawa ng SVG; ang isang batch ay gumagawa ng ZIP. Ang mga setting ay nalalapat sa bawat input, kaya suriin ang bawat thumbnail kung ang iyong mga source ay nangangailangan ng magkakaibang pagtrato.

Ang halimbawa ay nagpapanatili ng 640 x 640 canvas at may sukat na 12,938 bytes. Buksan ang aktwal na SVG sa isang vector editor upang suriin ang mga path at fill nito. Ang mga titik ay nagiging outline, hindi nae-edit na text. Hindi mababawi ng tracing ang orihinal na mga font, layer, o design file.

Ang mga preview trace ay gumagamit ng hanggang 1200 pixels sa pinakamahabang bahagi. Ang huling conversion ay nag-tra-trace ng hanggang 2048 pixels habang pinapanatili ang orihinal na SVG dimensions at viewBox. Dahil dito, ang malalaking source ay maaaring magpakita ng magkakaibang maliliit na detalye sa huling file.

Ang mga larawan sa artikulong ito ay WebP renders ng source at totoong SVG. Ang aktwal na download ay naglalaman ng mga path sa halip na bitmap wrapper.

MGA KAPAKI-PAKINABANG NA DETALYE

Mga karaniwang tanong

Isa ba itong tunay na vector conversion?

Oo. Ang output ay naglalaman ng SVG paths at fills nang hindi ini-embed ang source na PNG o JPG bilang bitmap.

Mapapanatili ba nito ang bawat orihinal na kulay?

Hindi kinakailangan. Nililimitahan ng Colors ang palette. Ang tracing ay maaaring mag-merge ng magkakatulad na kulay o mag-simplify ng maliliit na rehiyon, kaya suriin ang preview.

Maaari ko bang i-batch ang PNG at JPG nang magkasama?

Oo. Hanggang 10 na mga file na may 25 MB bawat isa. Nalalapat din ang mga limitasyon sa resource, 60-megapixel source, at output-complexity.

Ang lettering ba ay nagiging editable text?

Hindi. Ang mga nakikitang titik ay nagiging vector outlines. Gumamit ng OCR para sa kinikilalang text sa halip na mga traced na hugis.

ANG IYONG PAGKAKATAON

Subukan ang workflow gamit ang sarili mong larawan, at panatilihin ang iyong orihinal na file para sa mga susunod na edit.

Subukan ang sample o gamitin ang sarili mong file, at suriin ang resulta bago ibahagi.

Buksan ang Imahe papuntang SVG

Detalye ng larawan

Wika38

English العربية Français Italiano Deutsch Español Português Nederlands Русский Türkçe 日本語 中文 हिन्दी Bahasa Indonesia Bahasa Melayu 한국어 Tiếng Việt ไทย Polski Svenska Українська Norsk বাংলা Ελληνικά فارسی اردو Čeština Dansk Magyar Română Suomi Български Filipino ქართული Slovenčina Azərbaycanca עברית Slovenščina

Piliin ang iyong wika. Ang mga video tutorial ay kasalukuyang gumagamit ng English na pagsasalaysay.