UltKit

PNG átalakítása SVG-be ingyen

A PNG a legjobb raszteres kiindulópont egy vektorhoz: az élei veszteségmentesek, a háttere pedig gyakran már átlátszó. Töltse fel a PNG-t, válassza ki, hány színt szeretne megtartani, és töltsön le egy SVG-t, amelynek alakzatait szabadon méretezheti és szerkesztheti.

Kép SVG-be

vagy húzza ide a(z) JPG, JPEG, JFIF … fájlok fájlokat ·

Legfeljebb 95 MB fájlonként· Legfeljebb 20 fájl· Törlés 30 perc után

Kimenet
8

A fájlokat szervereinken dolgozzuk fel, és 30 perc után töröljük.

Az eszköz használata

  1. 1

    Töltse fel a PNG-t

    Húzzon be egy PNG logót, ikont, matricát vagy rajzot, egyszerre akár 20-at is. A nagyobb exportok jobban követhetők: egy 1000 px széles PNG jobb eredményt ad, mint egy 64 px-es favicon.

  2. 2

    Válasszon vektorizálási módot

    Egy átlagos logóhoz hagyja a Színmód beállítást Színes értéken 8 színnel, vonalrajzhoz váltson Fekete-fehér módra, vagy állítsa a Színek száma értékét a terv pontos színszámára.

  3. 3

    Töltse le az SVG-t

    Nyomja meg a Vektorizálás SVG-be gombot. Nyissa meg a fájlt, nagyítson egy görbére, és ha az élek lépcsősnek tűnnek, növelje a Simítás értékét a Speciális beállítások alatt, majd futtassa újra.

Miért a PNG a legjobb kép az SVG-be alakításhoz

A PNG 1995-ben készült a GIF szabadalmaktól mentes utódjaként, és 1996 októberében W3C-ajánlás lett. Tömörítése veszteségmentes, így egy piros él egy fehér él mellett pontosan az marad, hullámok és blokkok nélkül. A vektorizálónak ez az ideális bemenet: két szín határa ott van, ahol a pixelek jelzik, így az illesztett görbe követi az eredeti tervet.

A PNG alfacsatornát is hordozhat, azaz pixelenként külön átlátszósági értéket. A Figmából, Canvából vagy Photoshopból exportált logók és ikonok jellemzően használják, és kész maszkként működik: ami átlátszó, az háttér, ami átlátszatlan, az a rajz. Ugyanennek a logónak a JPEG-jébe fehér doboz van beleégetve, ezért a JPEG SVG-be erősebb simítást és gyakran Háttér eltávolítása opciót igényel.

Mivel a bemenet tiszta, ez az oldal Részletesség 70 és Simítás 40 értéket használ, megőrizve a kis sarkokat és talpakat, amelyeket a JPEG-oldalak elsimítanak. A PNG SVG-be útmutatónk példákkal mutatja be őket.

Színes, szürkeárnyalatos vagy fekete-fehér vektorizálás

Alapértelmezett

Színes

Minden színcsoport saját kitöltött útvonalréteg lesz.

  • 2–64 szín
  • Megőrzi a márkaszíneket
  • Egymásra rétegzett alakzatok, könnyen átszínezhetők
Legjobb választás: Logók, ikonok, matricák, egyszínű felületes illusztrációk
Árnyalatok

Szürkeárnyalatos

Mint a színes mód, de a csoportok szürke tónusok.

  • 2–64 szürkeszint
  • Nincs színtorzulás
  • Jó ceruza- és szénrajzhoz
Legjobb választás: Vázlatok, metszetek, egyszínű nyomatok
Két tónus

Fekete-fehér

Egy vágás: minden pixel vagy tinta, vagy semmi.

  • Küszöbérték 1–254
  • Legkisebb fájl
  • Egyetlen útvonalkészlet
Legjobb választás: Aláírások, sablonok, vinil- és lézervágás

PNG SVG-be: küszöbérték vonalrajzokhoz

  1. 60

    Csak a legsötétebb tinta marad meg

  2. 128

    Alapértelmezett felosztás középszürkénél

  3. 170

    Megtartja a halvány vagy élsimított vonalakat

  4. 220

    A világosszürke feketévé válik; az élek vastagodnak

PNG

Portable Network Graphics

A PNG veszteségmentes rasztergrafikus formátum, amelyet a PNG Development Group tett közzé 1996-ban, később a W3C és az ISO is szabványosította. Minden pixelt pontosan megőriz, támogatja a teljes alfa-átlátszóságot, és műtermékek nélkül kezeli a szöveget, az éles széleket és az egybefüggő színeket. Ez a pontosság ideálissá teszi képernyőképekhez, logókhoz, ikonokhoz és felületi grafikákhoz. Az ár a méret: a PNG-ként mentett fényképek gyakran többszörösen nagyobbak, mint ugyanaz a fotó JPEG-ként vagy WebP-ként. Minden böngésző, operációs rendszer és szerkesztő megnyitja a PNG fájlokat.

Tömörítés
Veszteségmentes
Átlátszóság
Igen
Animáció
Nem
Bevezetés éve
1996 · PNG Development Group
PNG átalakító

SVG

Scalable Vector Graphics

Az SVG XML-alapú vektorformátum, amelyet a W3C 2001-ben szabványosított. Pixelek helyett alakzatokat, útvonalakat és szöveget ír le, ezért bármilyen méretben éles marad, logókhoz és ikonokhoz pedig általában apró. Támogatja az átlátszóságot, a CSS-stílusozást, a szkriptelést és az animációt, és minden böngésző natívan megjeleníti. Az SVG fényképekhez nem alkalmas, az összetett illusztrációk megjelenítése pedig lassúvá válhat. Az Illustrator, az Inkscape, a Figma és a böngészők meg tudják nyitni és szerkeszteni.

Tömörítés
–
Átlátszóság
Igen
Animáció
Igen
Bevezetés éve
2001 · W3C
SVG átalakító

A PNG-nek már eleve kemény élei vannak, és gyakran átlátszó a háttere, ezért SVG-be vektorizálják, hogy a logó vagy ikon nyomtatáshoz, vágógépekhez és reszponzív weboldalakhoz is skálázható legyen; az SVG PNG-be az ellenkező irány, ilyenkor a vektort pixelekké rajzolják az SVG-t nem olvasó alkalmazásokhoz.

A PNG előkészítése a vektorizálás előtt

  1. Exportáljon nagyban

    Mentse a PNG-t a megjelenítési méret két-háromszorosán. A görbék a pixelekhez illeszkednek, így több pixel hívebb görbéket jelent.

  2. Lapítsa az effekteket

    A vetett árnyékok, fények és színátmenetek külön-külön tucatnyi vékony sávvá válnak. Exportálás előtt rejtse el őket, és szükség esetén adja vissza az SVG-ben.

  3. Számolja meg a színeket

    Jegyezze fel, hány egyszínű felületet használ a terv, és azt a számot adja meg. CNC- vagy lézeres munkához a PNG DXF-be ugyanazt a fájlt CAD-formátumba vektorizálja.

PNG átalakítása SVG-be: gyakori kérdések

Átalakíthatom a PNG-t SVG-be ingyen, regisztráció nélkül?

Igen. Feltöltés, vektorizálás és letöltés fiók nélkül, kötegenként legfeljebb 20 fájllal. A feltöltött PNG-ket és az elkészült SVG-ket 30 perc után töröljük a szerverről.

Mi történik a PNG átlátszó területeivel?

A PNG alfacsatornája megmondja a vektorizálónak, mely pixelek tartoznak a rajzhoz, így a teljesen átlátszó területek üresek maradnak, és nem válnak fehér alakzattá. A Háttér eltávolítása opcióra általában nincs szükség; csak akkor kapcsolja be, ha a PNG-be egyszínű fehér vagy színes háttér van beleégetve.

Miért van halvány körvonal a vektorizált PNG ikon minden alakzata körül?

A sima PNG-élek élsimítottak: a szélső pixelek félig átlátszóak vagy két szín keverékei. A vektorizáló ezt a keveréket külön vékony színnek olvashatja. Csökkentse eggyel-kettővel a Színek száma értékét, vagy növelje a Simítás értékét, és a halo beleolvad az alakzatba.

Hogyan viszonyul ez az Illustrator Image Trace vagy az Inkscape Trace Bitmap funkciójához?

A megközelítés ugyanaz: színek csökkentése, élek keresése, görbék illesztése. Az Illustrator előbeállításokat kínál, például Black and White Logo és 16 Colors, az Inkscape pedig fényességi küszöböt és többszínű beolvasást. Itt ennek megfelelő választások a Színmód, a Színek száma és a Küszöbérték, telepítés nélkül.

Szerkeszthető szöveg lesz az SVG-ben a PNG-n lévő szövegből?

Nem. A betűket körvonalas alakzatként követi le, így a megjelenésük megmarad, de újra nem gépelhetők. Logóhoz ez megfelel; egy szövegekkel teli képernyőkép esetén gyorsabb újragépelni.

A PNG-m pontosan öt színt használ. Megőrizheti az SVG pontosan ezeket?

Állítsa a Színek száma értékét 5-re. A vektorizáló ekkor minden pixelt öt csoportba sorol, és egyszínű felületekből álló PNG-nél ezek a csoportok az eredeti színekre esnek.