A(z) SVG PNG-be névjegye
Alakíts vektoros SVG-grafikákat PNG-képekké kétféleképpen: illeszd az SVG-kódot egyenesen a kódmezőbe, vagy tölts fel egy .svg fájlt. A skálacsúszka a grafika natív méretének egyszeresétől nyolcszorosáig rendereli a kimenetet — mivel az SVG vektoros, a 8×-os export is tökéletesen éles marad, ideális nagy DPI-jű képernyőkhöz és nyomtatáshoz. Hagyd átlátszónak a hátteret, vagy lapítsd tetszőleges színre.
A PNG az a formátum, amire akkor van szükséged, amikor egy platform nem fogad el SVG-t: levelezőprogramok, a legtöbb közösségi hálózat, Office-dokumentumok, piacterek hirdetései és sok CMS-feltöltő. A tervezők ikonokat is raszterizálnak alkalmazásboltokhoz és faviconokhoz, pontos pixelméretekben. A konvertálást a böngésződ saját renderelőmotorja végzi, így a munkád soha nem hagyja el a gépedet — hasznos, ha az SVG még nem publikált arculatot tartalmaz.
Funkciók
- Illessz be nyers SVG-kódot, vagy tölts fel .svg fájlt
- Borotvaéles skálázás a natív méret 1×-esétől 8×-osáig
- Az átlátszó PNG-kimenet alapértelmezésben megmarad
- Választható egyszínű háttér tetszés szerint
- Élő renderelt előnézet letöltés előtt
- A böngésződ helyben konvertálja — nincs feltöltés, nincs költség
Így konvertálj SVG-t PNG-vé online
- Illeszd az SVG-kódot a mezőbe, vagy töltsd fel a .svg fájlt.
- Húzd a skálacsúszkát — a nagyobb szorzó nagyobb felbontást ad.
- Hagyd meg az átlátszóságot, vagy vedd ki a pipát, és válassz háttérszínt.
- Ellenőrizd az előnézetet, majd kattints a Letöltés gombra a PNG mentéséhez.
Gyakran ismételt kérdések
Miért kell felskálázni a PNG-met?
Az SVG-nek van egy névleges mérete — mondjuk 64×64 —, de vektorként sokkal több részletet tartalmaz, mint amennyit 64 pixel megmutathat. A 4× vagy 8× export 256 vagy 512 pixeles PNG-t ad, mindenféle minőségvesztés nélkül — pontosan ez kell retina kijelzőkhöz, alkalmazásikonokhoz és nyomtatáshoz.
Megmarad az SVG-m átlátszósága?
Igen. A PNG teljes alfa-átlátszóságot támogat, és a konvertáló alapértelmezésben érintetlenül megőrzi az SVG minden átlátszó területét. Ha inkább lapított képre van szükséged — például egy olyan platformhoz, amely az átlátszóságot feketeként jeleníti meg —, vedd ki az átlátszó opció pipáját, és válassz háttérszínt.
Miért renderelődik üresen vagy hibásan az SVG-m?
A szokásos bűnösök a böngésző által blokkolt külső hivatkozások — belinkelt képek, távoli betűtípusok vagy stíluslapok —, illetve a width, height és viewBox attribútumok hiánya. Ágyazd be a külső erőforrásokat, adj hozzá viewBoxot, és vedd figyelembe, hogy az SVG-kben lévő szkriptek biztonsági okokból nem futnak le a konvertálás során.
Konvertálhatok egyéni betűtípusokat használó SVG-t?
Csak a böngésződ számára elérhető betűtípusok renderelődnek; az olyan font-family, amely nincs a rendszeren, alapértelmezett betűtípusra vált. A bombabiztos megoldás, ha a tervezőeszközödben görbékké alakítod a szöveget az SVG exportálása előtt — a betűformák így mindenhol azonosan raszterizálódnak.
Privát marad a beillesztett SVG-kód?
Teljesen. A kódot a saját böngésződ rendereli egy vászonra, és a PNG is az eszközödön jön létre — semmilyen szerver nem kapja meg a munkádat vagy a kódodat. Ingyenes, fiók nélkül, és annyi grafikát konvertálhatsz, amennyire csak szükséged van.