Vektorizues imazhi në SVG

Si ta konvertosh një imazh në SVG

1. Lësho një imazh PNG, JPG, WebP ose GIF në zonën e zgjedhjes ose kliko mbi të për të zgjedhur një. Origjinali shfaqet në të majtë.
2. Zgjidh një Cilësimi i gatshëm: - Logo (ngjyra të rrafshëta, forma të pastra) për logo, ikona, vula dhe ilustrime të rrafshëta; - I detajuar (më shumë ngjyra dhe shtigje) për vizatime me hije ose me shumë ngjyra; - Posterizuar (4 ngjyra të zbutura) për një rezultat të stilizuar, si poster, nga një foto.
3. Rregullo Numri i ngjyrave (2 deri 64) dhe Shpërfill pikat më të vogla se (px) nëse duhet. Cilësimi i gatshëm vendos vlera të arsyeshme për të dyja.
4. Zgjidh një Madhësia e punës (ana më e gjatë). Imazhi vektorizohet në atë madhësi; vetë SVG-ja mban përmasat origjinale.
5. Kliko Vektorizo në SVG. Rezultati shfaqet në të djathtë me madhësinë e skedarit, numrin e shtigjeve dhe të ngjyrave dhe sa zgjati vektorizimi.
6. Kliko Shkarko SVG ose Kopjo kodin SVG për ta ngjitur kodin në HTML-në tënde ose në mjetin e dizajnit.

Si funksionon vektorizimi

Ky mjet përdor imagetracerjs, një vektorizues me kod të hapur, në tri hapa:

1. Kuantizimi i ngjyrave: imazhi ulet në numrin e ngjyrave që ke zgjedhur. Çdo piksel i caktohet ngjyrës më të afërt të paletës dhe paleta përmirësohet në disa kalime.
2. Zbulimi i skajeve: për çdo ngjyrë ndiqen konturet e çdo zone të asaj ngjyre, përfshirë vrimat (si brendësia e një “O”-je).
3. Përshtatja e shtigjeve: konturet thjeshtohen në vija të drejta dhe kurba kuadratike, që bëhen elemente <path> në SVG.

Zonat më të vogla se pragu Shpërfill pikat më të vogla se (px) hidhen, çka heq zhurmën dhe artefaktet JPG. Vlera 0 mban gjithçka; 8 deri 20 është e mirë për logo; vlera më të mëdha japin një vizatim më të pastër, por më të thjeshtë. Zonat plotësisht të tejdukshme hiqen, kështu që një logo mbi sfond të tejdukshëm mbetet e tejdukshme.

Çfarë jep rezultate të mira

Vektorizimi funksionon më mirë me logo dhe vizatime të thjeshta: pak ngjyra të rrafshëta, skaje të qarta, pa gradiente. Një skicë e skanuar, një firmë bardh e zi ose një ikonë pixel-art vektorizohet shumë mirë me 2 deri 8 ngjyra.

Fotot janë një histori tjetër. Një foto përmban mijëra tone të holla, ndaj një version vektorial besnik kërkon shumë ngjyra dhe dhjetëra mijëra shtigje, dhe SVG-ja del shumë më e rëndë se JPG-ja. Përdor Posterizuar (4 ngjyra të zbutura) për një efekt artistik dhe mos prit rezultat fotografik. Nëse SVG-ja bëhet shumë e madhe, mjeti të paralajmëron.

Këshilla për një logo më të pastër:

• nis nga versioni më i madh e më i mprehtë i imazhit që ke;
• vendos Numri i ngjyrave sa numri i vërtetë i ngjyrave të logos (përfshirë sfondin);
• ngrije pragun e pikave të vogla nëse sheh pika të vogla rreth skajeve.

Privatësia dhe siguria e pamjes paraprake

Imazhi vektorizohet në shfletuesin tënd dhe nuk ngarkohet asnjëherë. Pamja paraprake e SVG-së shfaqet si imazh i thjeshtë nga një adresë blob private dhe nuk futet kurrë në faqe, ndaj as një skedar i pazakontë nuk mund të ekzekutojë kod.