PNG → SVG vektorizáló
PNG és JPG képek valódi vektorizálása SVG-vé (kontúrkövetés), állítható színszámmal. Logókhoz és ikonokhoz, böngészőben, szerver nélkül.
Miről szól ez az eszköz?
A PNG → SVG vektorizáló valódi kontúrkövetéssel alakítja át a raszteres képeket (PNG, JPG) skálázható vektorgrafikává. Nem csak beágyazza a képet egy SVG-be, hanem ténylegesen vektor-útvonalakat (path) rajzol az alakzatok köré – így az eredmény tetszőleges méretben éles marad. A színek számát te állítod be. Egyszerű, kontrasztos képeknél (logók, ikonok, sziluettek) a legjobb az eredmény.
Hogyan használd a(z) PNG → SVG vektorizáló-t?
-
Kép feltöltése
Húzd be a PNG vagy JPG képet a feltöltési területre.
-
Színszám beállítása
Válaszd ki, hány színre egyszerűsödjön a kép a vektorizálás előtt.
-
Vektorizálás
Kattints a gombra – az eszköz kontúrkövetéssel SVG-vé alakítja a képet.
-
Előnézet és letöltés
Ellenőrizd a vektoros előnézetet, majd töltsd le az SVG-t.
Mikor van rá szükséged?
-
Logó-vektorizálás
Egy régi, csak raszteres formátumban meglévő logó újra-vektorizálása skálázható SVG-vé.
-
Nyomdai előkészítés
Vektoros formátum nagy méretű nyomtatáshoz, ahol a raszteres kép pixeles lenne.
-
Szerkeszthetőség
A vektor-útvonalak szerkesztővel (pl. Inkscape) tovább módosíthatók.
-
Ikonok
Egyszerű ikonok és sziluettek vektorrá alakítása webes és UI használathoz.
Raszter vs. vektor
| Tulajdonság | Raszter (PNG/JPG) | Vektor (SVG) |
|---|---|---|
| Skálázhatóság | Nagyításnál pixeles | Bármilyen méretben éles |
| Tárolás | Pixelek színe | Matematikai útvonalak |
| Ideális tartalom | Fotók | Logók, ikonok, ábrák |
Raszteres és vektoros képek
A raszteres képek (PNG, JPG) pixelek rácsából állnak: minden ponthoz egy szín tartozik. Nagyításkor a pixelek láthatóvá válnak, a kép „pixeles” lesz. A vektorgrafika ezzel szemben matematikai leírással – pontokkal, vonalakkal, görbékkel – tárolja az alakzatokat, így bármilyen méretben tökéletesen éles marad.
A vektorizálás (image tracing) a raszteres kép alakzatait próbálja vektor-útvonalakká alakítani: érzékeli a színhatárokat, és kontúrokat rajzol köréjük. Ez kontrasztos, kevés színű képeknél (logók, ikonok) működik a legjobban; fotóknál a sok árnyalat miatt az eredmény túl bonyolult és nagy lenne, ezért azokhoz a raszteres formátum marad a megfelelő.
Hasznos tippek
-
A legjobb eredményhez használj tiszta, kontrasztos, egyszínű hátterű forrásképet.
-
Ha az eredmény túl részletes vagy nagy, csökkentsd a színek számát; ha túl durva, növeld.
-
Fotókat ne vektorizálj – azokhoz a PNG/JPG vagy a WebP a megfelelő formátum.
Gyakori kérdések
- Igen – az imagetracerjs könyvtár kontúrkövetéssel valódi vektor-útvonalakat (path) készít, nem csak beágyazza a raszteres képet. Egyszerű, kontrasztos képeknél (logó, ikon) a legjobb az eredmény.
- A több szín részletesebb, de nagyobb SVG-t ad; a kevesebb tisztább, kisebb fájlt. Logókhoz 8–16 szín általában ideális.
- Valódi vektorizálás: az imagetracerjs könyvtár kontúrkövetéssel tényleges vektor-útvonalakat hoz létre az alakzatokból, nem a raszteres képet ágyazza be. Az eredmény nagyítva is éles marad.
- Egyszerű, kontrasztos, kevés színű képekhez: logók, ikonok, emblémák, sziluettek. Fotóknál a vektorizálás kevésbé hasznos, mert a sok árnyalat miatt nagy és bonyolult SVG keletkezne.
- Nem, a vektorizálás teljes egészében a böngésződben fut – a kép nem hagyja el a gépedet.
- A nagyon nagy képeket az eszköz a vektorizálás előtt lekicsinyíti (max. 1000 px), hogy a feldolgozás gyors maradjon; a kimeneti SVG ettől függetlenül tetszőleges méretre skálázható.