Hogyan alakíts SVG-t PNG-vé minőségvesztés nélkül

Az SVG nem pixelekből áll. Utasítások sorozata: rajzolj ide egy vonalat, töltsd ki ezt az alakzatot azzal a színnel, így bármilyen méretben megrajzolható, és tökéletesen éles marad. Ezért van az, hogy a logók és ikonok olyan gyakran SVG formátumúak: ugyanaz a fájl éles marad egy névjegykártyán és egy óriásplakáton is.

A PNG ennek az ellentéte: fix pixelrács. Amint exportálsz, mondjuk, egy 512 pixel széles képet, pontosan azt kapod. Nagyítsd fel a natív méretén túl, és kockássá válik, pont úgy, mint amikor egy fotóba nagyítasz bele. Az SVG PNG-vé alakítása azt jelenti, hogy ezeket a rajzolási utasításokat egy fix rácsra alakítod át, ezt a lépést nevezik rasterizálásnak.

Mivel a PNG-nek fix pixelmérete van, nincs egyetlen "veszteségmentes" SVG-PNG konverzió: te választasz egy felbontást, és a minőség ebből a választásból következik. A trükk az, hogy elég magas felbontásban renderelj, attól függően, hogyan fogod ténylegesen használni a képet.

Jó ökölszabály, hogy a megjelenítési méret kétszeresében vagy háromszorosában exportálj. Ha egy logó egy oldalon 200 pixel szélességben jelenik meg, exportáld 400 vagy 600 pixel szélességben, hogy borotvaéles maradjon a nagy felbontású képernyőkön is. Nyomtatáshoz kell? Válassz még nagyobbat. Az egyetlen igazi hiba, ha túl kicsire exportálsz, majd felnagyítod: ez az egyetlen dolog, ami láthatóan rontja a minőséget.

Az átalakítás a te eszközödön fut, így a fájl soha nem kerül feltöltésre:

• Nyisd meg az SVG → PNG konvertert, és húzd bele az SVG-det.
• Állítsd be a kimeneti méretet: add meg a kívánt pixelszélességet (nagyobb érték élesebb eredményt jelent, és nagyobb fájlt).
• Exportáld és töltsd le a PNG-det.

Mivel minden közvetlenül a böngésződben történik, az oldal betöltése után offline állapotba kapcsolhatsz, és még mindig működik, ami bizonyítja, hogy az SVG nem kerül elküldésre semmilyen szerverre. Nincs fiók, nincs vízjel, és nincs korlátozva, hányszor konvertálsz.

Az SVG fájloknak gyakran átlátszó a hátterük, és ez közvetlenül átöröklődik: exportáld PNG-be, és az átlátszó területek átlátszóak maradnak, mivel a PNG támogatja az alfa csatornát. A logód nem kap hirtelen egy fehér dobozt a háttérben.

Ha nem vagy biztos benne, milyen pixelszélességet válassz, indulj ki abból, hol fog megjelenni a kép. Egy faviconnak talán csak 64 pixelre van szüksége; egy hero grafikának akár 2,000 pixelre vagy többre is szüksége lehet. Ha kétséged van, válassz nagyobb méretet: később bármikor tömörítheted a PNG-t, hogy csökkentsd a fájlméretet, de nem tudsz részletet visszaadni egy túl kicsire exportált fájlhoz. És ha később JPG-re lesz szükséged helyette, egy PNG → JPG konverzió mindössze egy másodpercig tart.