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

Az SVG egy vektoros formátum: matematikával írja le az alakzatokat és útvonalakat, így a minőség romlása nélkül bármilyen méretre méretezhető – de ez azt is jelenti, hogy a legtöbb hely, ahol egyszerű képre számít (e-mail aláírás, favicon feltöltő, nyomtatási sablon, régebbi CMS vagy chat-alkalmazás), nem fogadja el. A PNG-re konvertálással a vektoros grafikát egy rögzített pixelhálóvá alakítja, amelyet bármely program, kameratekercs vagy feltöltési űrlap megnyithat. Ez az eszköz pontosan ezt a raszterezési lépést hajtja végre, teljes egészében az Ön eszközén.

Az átalakítás két részből áll: először a böngésző beolvassa az SVG deklarált szélességét, magasságát és viewBox-ját, hogy kidolgozza annak természetes arányait, majd a vektorgrafikát egy olyan HTML vászonra rajzolja, amilyen felbontást kér. Mivel a forrás a végső sorsolásig vektor marad, a logó 64 px vagy 6400 px felbontásban jeleníthető meg ugyanolyan éles szélekkel – nincs közepes, kis felbontású bitkép, amely elmosódna a méretnöveléskor, ellentétben a meglévő JPG vagy PNG átméretezésével.

Az interfész- és alkalmazásikonokra szinte mindig szükség van egynél több pixelsűrűségnél, így az eszköz a célméret 1x, 2x és 3x változatát jeleníti meg egyetlen lépésben, és mindegyiknek saját letöltési gombot ad – ugyanazt a háromszintű sémát, amelyet az iOS eszközkatalógusai, Android-rajzolhatók és modern reszponzív webképek (srcset) használnak. Válassza ki az alapszélességet egyszer, és kapja meg mindhárom fájlt ahelyett, hogy háromszor, különböző számokkal futtatná az átalakítást.

A háttérkezelés valós, funkcionális választás, nem pedig kozmetikai jelölőnégyzet: hagyja átlátszóvá, hogy alfa-csatornát tartson a logók és ikonok számára, amelyeknek más tartalom tetején kell elhelyezkedniük, vagy töltse ki egy tetszőleges egyszínű színnel, ha a cél (bélyegkép, közösségi előnézeti kép, régebbi formátum, amely rosszul kezeli az átlátszóságot) átlátszatlan hátteret igényel. A szerverre soha semmi sem töltődik fel – az SVG-szöveg elemzése, raszterezése és PNG-be kódolása teljes egészében a böngésző lapján belül történik.