PNG konvertálása SVG formátumba
Raszteres PNG-képek beágyazása SVG XML-vektorkonténerbe, hogy a weben rugalmasan méretezhetők legyenek, és vektorgrafikát támogató elrendezésekbe illeszthetők legyenek.
Formátum-összehasonlítás és műszaki specifikációk
| Specifikáció | PNG | SVG |
|---|---|---|
| MIME-típus | image/ | image/ |
| Típus | raszter | vektor |
| Tömörítés | veszteségmentes (DEFLATE / LZ77 + Huffman) | veszteségmentes XML-szöveg (GZIP-pel tömöríthető .svgz formátumban) |
| Szabványos specifikáció | W3C PNG 3. kiadás | W3C SVG 2 specifikáció |
| Fájlfejléc azonosító bájtjai | 89 50 4E 47 0D 0A 1A 0A | 3C 3F 78 6D 6C (<?xml) or 3C 73 76 67 (<svg) |
A formátum áttekintése és alkalmazási területei
A PNG-fájlok SVG formátumúvá konvertálása beágyazza a raszteres bitképet egy XML-vektorkonténerbe, lehetővé téve a webfejlesztők és grafikusok számára, hogy a rasztergrafikát közvetlenül skálázható vektormunkafolyamatokba illesszék be. A raszteres PNG-kép színes pixelek rögzített rácsát használja. Ennek a grafikának az SVG-fájlba való beágyazása megőrzi az eredeti pixelméreteket és az átlátszóságot, miközben a kép közvetlenül beágyazhatóvá válik az SVG-alapú webes elrendezésekbe és reszponzív UI-nézetablakokba. A webtervezők gyakran végzik el ezt a konverziót, hogy a raszteres grafikákat SVG sprite-lapokba, vektoros illusztrációs munkafolyamatokba és reszponzív webhelyekbe integrálják anélkül, hogy különálló külső képfájlokat kellene kezelniük. Az eredményül kapott SVG az egész grafikát önmagában, szabványos XML-jelölésbe csomagolva tartalmazza.
Műszaki specifikációk és kodekáttekintés
A PNG-fájl egy image/png MIME-típusú raszteres kép. A 89 50 4E 47 0D 0A 1A 0A varázsbájtfejléccel kezdődik, amelyet a DEFLATE algoritmussal tömörített adatrészletek követnek (ez egyesíti az LZ77 csúszó szótárakat és a Huffman-kódolást). Ezzel szemben az SVG-fájl image/svg+xml MIME-típust használ, és XML-dokumentumként van felépítve. A konverzió során a motor raszterezi a képet a kliens memóriájában, bitképpé szerializálja PNG formátumban, majd a képet Base64 adat-URI-ként beágyazza egy SVG <image> konténerelembe. Ez a grafikát egy érvényes, önálló SVG-fájlba csomagolja meghatározott viewBox-méretekkel.
Operációs rendszer- és böngésző-kompatibilitás
Az SVG-fájlokat széles körben támogatják az olyan modern asztali és mobilböngészők, mint a Chrome, Firefox, Safari és Edge, Windows, macOS, Android és iOS rendszereken. Az olyan képnézegetők és tervezőprogramok, mint az Adobe Illustrator, az Inkscape és a CorelDRAW, natívan szerkesztik az SVG-t. A PNG szintén széles körben támogatott a böngészőkben és operációs rendszerekben; a nyers SVG-jelölés megtekintéséhez bármely szabványos szövegszerkesztő használható.
Hasznos információk
Mivel ez a konverzió a raszteres bitképet egy XML-konténerbe ágyazza be a vektoros utak rajzolása helyett, a grafika megőrzi a pontos pixelrészleteket és az alfa-átlátszóságot, miközben teljes kompatibilitást biztosít az SVG-megjelenítőkkel.
Gyakran ismételt kérdések
Hogyan konvertálható a PNG-kép SVG-vektorrá minőségromlás nélkül?
A konverter a teljes felbontású PNG bittérképet közvetlenül egy SVG XML-burkolóba ágyazza be Base64 adatfolyamként. Ez veszteséges tömörítés nélkül őrzi meg a pixel színeit és az átlátszóságot.
Mi a különbség a PNG-kép és az SVG-vektor között?
A PNG egy raszteres képformátum, amely a vizuális adatokat színes pixelek rögzített rácseként tárolja DEFLATE-tel tömörítve, így a fájl mérete a pixelméretektől függ. Az SVG egy vektoros képformátum, amely a vizuális adatokat XML-szövegbe írt skálázható matematikai utasításokként tárolja, lehetővé téve a kép végtelen átméretezését pixelesedés nélkül.