Kép SVG-vé vektorizálása

Hogyan alakíts képet SVG-vé

1. Húzz egy PNG, JPG, WebP vagy GIF képet a megjelölt területre, vagy kattints rá, és válassz egyet. Az eredeti kép a bal oldalon jelenik meg.
2. Válassz Előbeállítást: - Logó (egyszínű felületek, tiszta formák) logókhoz, ikonokhoz, bélyegzőkhöz és lapos illusztrációkhoz; - Részletes (több szín és útvonal) árnyékolt vagy sok színű rajzokhoz; - Poszterizált (4 simított szín) stilizált, poszterszerű eredményhez fotóból.
3. Szükség esetén módosítsd a Színek száma (2–64) és A következőnél kisebb foltok mellőzése (px) értékét. Az előbeállítás mindkettőhöz értelmes értéket tölt ki.
4. Válassz Munkaméret (leghosszabb oldal) értéket. A kép ezen a méreten kerül vektorizálásra; maga az SVG megtartja az eredeti méreteket.
5. Kattints a Vektorizálás SVG-be gombra. Az eredmény jobbra jelenik meg a fájlmérettel, az útvonalak és színek számával, valamint a vektorizálás idejével.
6. Kattints az SVG letöltése gombra, vagy az SVG-kód másolása gombbal illeszd be a kódot a HTML-be vagy a tervezőeszközbe.

Hogyan működik a vektorizálás

Az eszköz az imagetracerjs nyílt forráskódú vektorizálót használja három lépésben:

1. Színkvantálás: a kép a kiválasztott számú színre csökken. Minden képpont a legközelebbi palettaszínt kapja, a palettát pedig több menetben finomítja.
2. Élkeresés: minden színhez végigköveti az adott színű területek körvonalát, a lyukakat is beleértve (például egy „O” belsejét).
3. Útvonalillesztés: a körvonalakat egyenes szakaszokká és másodfokú görbékké egyszerűsíti, amelyekből az SVG <path> elemei lesznek.

Azok a területek, amelyek kisebbek az A következőnél kisebb foltok mellőzése (px) beállításban megadott küszöbnél, kimaradnak, ami eltávolítja a zajt és a JPG-műtermékeket. A 0 érték mindent megtart; logókhoz a 8–20 jó; a nagyobb értékek tisztább, de egyszerűbb rajzot adnak. A teljesen átlátszó területek eltávolításra kerülnek, így az átlátszó hátterű logó átlátszó marad.

Mitől lesz jó az eredmény

A vektorizálás az egyszerű logókon és rajzokon működik a legjobban: kevés egyszínű felület, éles szélek, színátmenetek nélkül. Egy beszkennelt vázlat, egy fekete-fehér aláírás vagy egy pixelgrafikás ikon 2–8 színnel nagyon jól vektorizálható.

A fotók más tészta. Egy fotó több ezer finom árnyalatot tartalmaz, ezért a hű vektoros változathoz sok szín és több tízezer útvonal kell, és az SVG sokkal nehezebb lesz a JPG-nél. Művészi hatáshoz használd inkább a Poszterizált (4 simított szín) előbeállítást, és ne várj fotószerű eredményt. Ha az SVG nagyon nagy lesz, az eszköz figyelmeztet.

Tippek a tisztább logóhoz:

• a meglévő legnagyobb, legélesebb változatból indulj ki;
• a Színek száma értékét a logó valódi színeinek számára állítsd (a háttérrel együtt);
• növeld a foltküszöböt, ha apró pontokat látsz a szélek körül.

Adatvédelem és az előnézet biztonsága

A képet a böngésződben vektorizálja, és soha nem kerül feltöltésre. Az SVG-előnézet egyszerű képként jelenik meg egy privát blob-címről, soha nem kerül beillesztésre az oldalba, így még egy szokatlan fájl sem tud kódot futtatni.