SVGtoPNG
Live

Professzionális SVG-ből PNG-be konvertáló

Azonnal és ingyenesen konvertálja az SVG-t PNG-be. Élvezze a 100%-os adatvédelmet: a fájlok feldolgozása helyben történik, és soha nem hagyja el az eszközt. Emelje új szintre terveit öt egyéni konverziós szorzónkkal (1x, 2x, 3x, 4x és 8x), amelyek célja az egyes képek kibővítése, optimalizálása és élességének javítása az Ön pontos igényei szerint.

Húzza ide az SVG-fájlt, vagy böngészés

Támogatja a tiszta vektoros SVG kódot (Scalable Vector Graphics)

Gyakorlati útmutató az SVG – PNG konvertáláshoz

A jó exportálás ott kezdődik, ahol a képet használni fogják. Ez az útmutató elmagyarázza, hogyan válasszon méretarányt, hogyan készítse elő az SVG-fájlt, és hogyan ellenőrizze a PNG-t a felhasználás előtt.

1. Kezdje a célkörnyezettel

A konvertálás előtt ellenőrizze a képet fogadó webhely, dokumentum, e-mail rendszer vagy tervezőszoftver által kért képpontméreteket. Ez az eszköz a kiválasztott szorzóval méretezi át az SVG renderelt méreteit; nem biztosít egyedi szélességi és magassági mezőket. Ha egy platform 1200 pixel szélességet kér, hasonlítsa össze ezt a célt az SVG megjelenített szélességével, és válasszon egy olyan szorzót, amely megközelíti azt anélkül, hogy feleslegesen nagy fájlt hozna létre.

2. Ismerje meg a skálázási tényezőket

A választható opciók: 1x, 2x, 3x, 4x és 8x. A szorzó a szélességet és a magasságot is befolyásolja: egy 200 × 100-as forrás 2x-es szorzóval renderelve 400 × 200 pixeles lesz. A képpontok száma a szorzó négyzetével nő, így a 8x-os opció 64-szer annyi pixelt hoz létre, mint az 1x-es. A nagyobb kimenet lényegesen több memóriát fogyaszthat, és nem biztos, hogy szebben néz ki, ha az eredeti grafika vagy a célkijelző nem igényli azt.

3. Válasszon tényezőt a kijelzőkhöz

A szabványos felületi grafikákhoz az 1x vagy 2x gyakran praktikus kiindulópont; a 2x segíthet a nagy pixelsűrűségű kijelzőkön, ha a célelrendezés lekicsinyíti a képet. Csak akkor válassza a 3x vagy 4x értéket, ha a tervnek szüksége van a plusz képpontméretekre. A 8x-os értéket szelektíven használja, mert a nagyon nagy vászonok renderelése hosszabb ideig tarthat, vagy túllépheti a böngésző korlátait.

4. Döntse el, hogy a háttér átlátszó legyen-e

Válassza az Átlátszó opciót, ha a PNG-t színes oldalra, prezentációba vagy más kép fölé kell helyezni. Válassza a Fehér opciót, ha a célkörnyezet fehér téglalapot vár el, vagy ha a egyszínű háttér megkönnyíti a grafika ellenőrzését. A PNG támogatja az átlátszóságot, de a célalkalmazás megjelenítheti az átlátszó pixeleket sakktábla-mintán, vagy lelapíthatja őket a kép beillesztésekor.

5. Készítse elő az SVG-t az exportálás előtt

Nyissa meg a forrást egy vektorszerkesztőben, és ellenőrizze, hogy ésszerű viewBox-szal és azon belüli látható grafikával rendelkezik-e. Alakítsa át a betűtípusokat görbékké vagy ágyazza be őket, ha a tervnek azokon az eszközökön is azonosan kell megjelennie, amelyekről hiányoznak ezek a betűtípusok. Tartsa elérhetőnek a hivatkozott képeket és külső erőforrásokat; ez a böngészős konverter előfordulhat, hogy nem rendereli a távoli betűtípusokat, hivatkozott képeket, szkripteket vagy egyéb külső függőségeket az SVG-fájlból.

6. Konvertálja és ellenőrizze az előnézetet

Válasszon ki egy SVG-fájlt, válasszon méretarányt és hátteret, majd konvertálja. Ellenőrizze, hogy a teljes rajz látható-e, a szövegek és a finom vonalak olvashatók maradnak-e, és az előnézet a várt háttérrel rendelkezik-e. Ha az eredmény le van vágva, ellenőrizze az SVG viewBox-át és méreteit az eredeti fájlban. A konverter egyszerre egy fájlt dolgoz fel, és PNG-letöltést kínál az adott fájlhoz.

7. Ellenőrizze a pixeleket és a fájlméretet

Használja a PNG-t a tervezett környezetben, és ellenőrizze abban a méretben, ahogyan valójában meg fog jelenni. A nagy képpontméret nem javítja automatikusan a képernyőn megjelenő kis ikon minőségét. Ha a PNG túl nagy, térjen vissza az SVG-hez, és exportálja alacsonyabb tényezővel. Ha életlennek tűnik, győződjön meg arról, hogy a célkörnyezet a konvertálás után nem nagyít-e fel egy kis raszterképet.

8. Tartsa meg a szerkeszthető forrást

Mentse el az eredeti SVG-t a PNG mellett. Az SVG megőrzi a vektorvonalakat, és általában jobb a későbbi szerkesztésekhez, átszínezéshez és átméretezéshez. A PNG egy kényelmes, fix méretű másolat azon célokhoz, amelyeknek raszterképekre van szükségük. Mindkettő megőrzése lehetővé teszi, hogy egy másik méretű PNG-t hozzon létre anélkül, hogy a már raszterizált képet többször átméretezné.

Mikor érdemes az SVG-t PNG-vé konvertálni?

A konvertálás akkor hasznos, ha a célkörnyezetnek vektorok helyett pixelekre van szüksége. Tartsa meg az SVG-t, ha a célplatform támogatja azt, és skálázható, szerkeszthető grafikára van szüksége.

Egy szolgáltatás elfogadja a PNG-t, de elutasítja az SVG-t

Egyes feltöltési űrlapok, tartalomszolgáltató rendszerek és profilkép-eszközök csak a gyakori raszterformátumokat fogadják el. A PNG fix méretű képet biztosít e szolgáltatások számára, miközben megfelelő méretben exportálva megőrzi a tiszta éleket.

Egy e-mail vagy irodai dokumentum inkonzisztensen rendereli az SVG-t

Az e-mail kliensek és az irodai alkalmazások nem mindegyike kezeli egyformán a beágyazott SVG-t. A PNG kiszámíthatóbbá teheti a logókat vagy diagramokat az ilyen környezetekben. Őrizze meg az eredeti SVG-t, hogy később frissíthesse a grafikát.

Pillanatképre van szüksége egy adott pixelméretarányban

A PNG hasznos, ha a leadandó anyaghoz ismert raszterfájlra van szükség. Válasszon méretarányt az SVG renderelt mérete és a fogadási specifikáció alapján, majd ellenőrizze a kapott méreteket egy képnézegetőben.

A munkafolyamat raszterfeltöltést igényel

Egyes űrlapok, régebbi szerkesztők és feldolgozási folyamatok elfogadják a PNG-t, de a vektorfájlokat nem. Konvertáljon egy másolatot az adott munkafolyamathoz; ne cserélje ki a forrásvektort, ha a jövőben várhatók még szerkesztések.

Átlátszóságra van szüksége egy rasztergrafikában

A PNG meg tudja őrizni az átlátszó pixeleket, ami segít a logók vagy ikonok különböző hátterekre történő elhelyezésekor. Válassza az átlátszó opciót, és győződjön meg arról, hogy a célplatform megőrzi az alfa-átlátszóságot.

Nyomtatási anyagot készít elő

Csak a nyomtató által igényelt képpontméretek vagy felbontás ellenőrzése után konvertáljon. Ez az eszköz skálaszorzókat kínál a DPI-beállítások helyett, és egy nagyobb PNG nem tudja helyreállítani az SVG hiányzó részleteit, sem pontosabbá tenni az alacsony felbontású forrást.

Technikai alapok: Mi történik a konvertálás során?

Annak megértése, miként válik a vektorgeometria pixelképpé, segít megmagyarázni a kimeneti méretet, az átlátszóságot, a kompatibilitást és a gyakori renderelési eltéréseket.

Az SVG alakzatokat ír le; a PNG pixeleket tárol

Az SVG egy XML-alapú vektorformátum, amely útvonalakat, alakzatokat, szöveget és egyéb rajzolási utasításokat ír le. A PNG pixelek téglalap alakú rácsát tárolja. Az SVG raszterizálása azt jelenti, hogy ezeket a vektoros utasításokat egy kiválasztott méretű pixelrácsra rajzoljuk; az exportálás után a PNG felnagyítása olyan pixeleket fedhet fel, amelyek nem voltak láthatók a vektoros forrásban.

A viewBox és a viewport határozza meg a rajzterületet

A SVG viewBox egy koordináta-rendszert képez le a megjelenített viewportra (nézetablakra). Ha a viewBox hiányzik, helytelen, vagy nagyobb, mint a grafika, a kép váratlan fehér területeket vagy levágásokat tartalmazhat. Ellenőrizze az SVG méreteit és a viewBox-ot a forrásszerkesztőben, ha az előnézet keretezése helytelen.

A skálázás minden dimenziót megszoroz

Ha a böngésző egy forrást W × H képpontméretben renderel, és a kiválasztott tényező S, a vászon célmérete (W × S) × (H × S). A kapott képpontok száma W × H × S². Ezért fogyaszthatnak lényegesen több memóriát a magas szorzók, és ezért csak akkor szabad a 8x opciót választani, ha a célkörnyezetnek valóban szüksége van a plusz pixelekre.

A vászon renderelését a böngésző végzi

Az oldal elolvassa a kiválasztott SVG-fájlt a böngészőben, képet hoz létre annak tartalmából, ezt a képet kirajzolja egy HTML-vászonra, és exportálja a vászont PNG-ként. A renderelési viselkedés és a vászon maximális méretei böngészőnként és eszközönként eltérőek. A nagyon nagy vagy komplex SVG-fájlok renderelése hosszabb ideig tarthat, vagy meghiúsulhat.

Az átlátszóság a PNG alfa-csatornájában tárolódik

Ha az Átlátszó opció van kiválasztva, a vászon a rajzolás előtt törlődik. A kimeneti PNG az alfa-csatornán keresztül megőrizheti a pixelenkénti átlátszóságot. Ha a Fehér opció van kiválasztva, a konverter először egy fehér téglalapot fest be, így a forrásban lévő átlátszó területek fehérek lesznek az exportált képen.

A PNG tömörítés veszteségmentes, de a kimenet mégis eltérhet

A PNG veszteségmentes tömörítést használ a kapott pixelekre; ez nem jelenti azt, hogy a vektor-pixel renderelés minden környezetben azonos. Az élsimítás (antialiasing), a színkezelés, a betűtípusok, a szűrők és a böngésző renderelése mind befolyásolhatják a raszterizálás során keletkező pixeleket.

A betűtípusok, szűrők és hivatkozott elemek befolyásolják a renderelést

Az SVG hivatkozhat olyan betűtípusokra vagy képekre, amelyek nincsenek beágyazva a fájlba. Használhat olyan szűrőket vagy funkciókat is, amelyeket a böngészők eltérően valósítanak meg. A megbízható exportálás érdekében ágyazza be vagy alakítsa görbékké a fontos betűtípusokat, mellékelje a szükséges képeket, és hasonlítsa össze a böngésző előnézetét a forrással egy vektorszerkesztőben.

A böngésző korlátai és az SVG biztonsága számítanak

A vászon memóriája a kimeneti pixelek számával nő, így a nagy szorzók kimeríthetik a rendelkezésre álló memóriát. Csak olyan SVG-fájlokat konvertáljon, amelyekben megbízik. Ez az eszköz nem tölti fel a kiválasztott forrást egy konverziós szerverre, de ez a kijelentés nem auditálja magát az SVG-t, és nem garantálja, hogy minden beágyazott külső hivatkozás ártalmatlan. Kerülje a nem megbízható fájlokat, és a konvertálás előtt távolítsa el a felesleges szkripteket vagy távoli hivatkozásokat egy vektorszerkesztőben.

Technikai gyakori kérdések · 1–5

Módosítja ez a konverter az SVG-fájlt?

Nem. Elolvassa a kiválasztott SVG-t a böngészőben, és egy külön PNG-letöltést hoz létre. Az eredeti fájl az Ön eszközén marad; őrizze meg szerkeszthető mesterfájlként.

Hogyan számítsam ki a kimeneti méreteket?

Szorozza meg a böngésző által renderelt szélességet és magasságot a kiválasztott tényezővel. Például a 240 × 120-as méret 2x-es szorzóval 480 × 240 pixeles lesz. Ha az SVG szokatlan méretű vagy viewBox-szal rendelkezik, ellenőrizze az előnézetet és a letöltött PNG méreteit.

A 8x-os opció mindig jobb minőséget biztosít?

Nem. Több pixelt hoz létre, nem több vektoros részletet. Segíthet, ha nagyobb raszterre van szükség, de a pixelek számát az 1x-es érték 64-szeresére növeli, és sokkal több memóriát fogyaszthat. Válassza a legkisebb tényezőt, amely megfelel a tényleges célméretnek.

Miért vannak a PNG-n üres margók vagy levágott grafika?

Az SVG viewBox vagy viewport felesleges helyet tartalmazhat, vagy le vághatja a rajz egyes részeit. Nyissa meg a forrást egy vektorszerkesztőben, igazítsa az oldalt vagy a viewBox-ot a grafikához, mentsen egy másolatot, majd konvertálja újra azt a másolatot.

Miért néz ki másképp a szövegem a konvertálás után?

Előfordulhat, hogy a böngészőből hiányzik az SVG által használt betűtípus, vagy a fájl olyan betűtípusra hivatkozik, amely nincs beágyazva. Ágyazza be a betűtípust, vagy alakítsa a szöveget görbékké egy vektorszerkesztőben, ha jogosult a forrás módosítására, majd hasonlítsa össze az eredményt.

Technikai gyakori kérdések · 6–10

Miért hiányzik egy hivatkozott kép vagy szűrő?

Az SVG függhet olyan külső képtől, betűtípustól, szűrőtől vagy funkciótól, amely nem érhető el, vagy amelyet a böngésző eltérően kezel. Ahol lehetséges, ágyazza be a szükséges képeket és betűtípusokat, egyszerűsítse a nem támogatott effektusokat, és tesztelje az SVG-t egy böngészőben a konvertálás előtt.

Tehetem átlátszóvá a hátteret?

Igen. A konvertálás előtt válassza az Átlátszó opciót. Az eszköz törli a vászont a rajzolás előtt. Ellenőrizze a letöltött PNG-t egy átlátszóságot megjelenítő szerkesztőben; egyes képnézegetők a fehér alapon jelenítik meg az átlátszó pixeleket, ami miatt opálosnak tűnhetnek.

Megadhatok pontos szélességet, magasságot vagy DPI-t?

Ez a verzió 1x, 2x, 3x, 4x és 8x szorzókat kínál. Nem biztosít független szélességi és magassági mezőket, sem DPI-beállítást. Ha pontos méretekre van szüksége, használja a legközelebbi szorzót, majd méretezzen át egy másolatot egy képszerkesztőben.

Konvertálhatok egyszerre több SVG-fájlt?

A jelenlegi felület műveletenként egy SVG-fájlt választ ki és konvertál. Konvertáljon minden fájlt külön-külön, és ellenőrizze a kimenetet, mielőtt továbblépne a következőre; a kötegelt feldolgozás és a ZIP-letöltés itt nem érhető el.

Milyen fájlokat fogad el az eszköz?

A feltöltővezérlő az SVG-fájlokra összpontosít. Ha egy fájlt a rendszer elutasít, vagy nem sikerül renderelni, győződjön meg arról, hogy az érvényes SVG-fájl, és megnyílik egy aktuális böngészőben vagy vektorszerkesztőben. Ez az eszköz nem általános képformátum-konverter.

Technikai gyakori kérdések · 11–15

Feltöltődnek az SVG-fájljaim az Önök szerverére?

A konverziós kód a böngészőben olvassa el a kiválasztott fájlt, és nem küldi el a forrásfájlt egy konverziós API-nak. Ez nem garantálja, hogy az SVG nem tartalmaz külső hivatkozásokat; kerülje a nem megbízható fájlokat, és megnyitás előtt tekintse át azok hivatkozásait.

Miért hiúsul meg a konvertálás egy nagyon nagy fájl esetében?

A böngészőnek minden kimeneti pixelhez vászont kell lefoglalnia. A nagy forrás és a magas szorzó kombinációja túllépheti az eszköz memóriáját vagy a böngésző vászonkorlátait. Próbálkozzon alacsonyabb tényezővel, egyszerűsítse az SVG-t, vagy exportálja azt egy nagyobb vásznakat támogató grafikai alkalmazással.

Éles lesz a PNG nyomtatáskor?

Ez a fizikai nyomtatási mérettől és a kívánt felbontástól függ. Ez az eszköz a képpontméreteket skálázza, de nem állítja be a nyomtatási DPI-t. Kérdezze meg a nyomdát a szükséges képpontméretekről vagy felbontásról, majd ellenőrizze, hogy a generált PNG megfelel-e ezeknek a követelményeknek.

Miért térnek el a színek vagy az élek a különböző böngészőkben?

A böngészők eltérhetnek a betűtípusok elérhetőségében, az élsimításban, a színkezelésben és az SVG-funkciók támogatásában. Ha a konzisztencia fontos, ismételt exportálásokhoz használjon beágyazott vagy görbévé alakított szöveget, szabványos SVG-funkciókat és ugyanazt a böngészőt.

Mi a teendő, ha az előnézet üres?

Győződjön meg arról, hogy a fájl látható grafikát tartalmaz, érvényes SVG-kóddal rendelkezik, és a rajzot körülvevő viewBox-ot és méreteket használ. Távolítsa el a nem támogatott külső függőségeket, tesztelje a fájlt egy böngészőben, majd próbálja újra 1x-es méretarányban a skálázás növelése előtt.