CodeKitHub
Kép eszközök

SVG Átalakítása PNG-vé vagy JPG-vé Online

Utolsó frissítés:

Alakíts át SVG vektorfájlokat PNG vagy JPG képekké, bármilyen szükséges felbontásban. Tökéletes olyan platformokhoz, amelyek elutasítják az SVG feltöltéseket — irodai dokumentumok, közösségi média, e-mail aláírások, nyomdai munkafolyamatok. A renderelés helyileg, a böngésződben történik; a fájljaid az eszközödön maradnak.

PNG keeps transparency; JPG fills it with white

    Mi ez az eszköz?

    Az SVG egy vektorformátum: matematikailag leírt alakzatok, végtelenül nagyítható, ideális logókhoz és ikonokhoz. Sok helyen azonban nem fogadják el: Word-dokumentumok, a legtöbb közösségi platform, e-mail kliensek és számtalan feltöltési űrlap pixelképeket vár. Az átalakítás (rasterizálás) egy adott méretben PNG-vé vagy JPG-vé rendereli a vektort.

    Mivel a vektoroknak nincs rögzített felbontása, te választod ki a kimeneti szélességet — és mivel a forrás matematika, egy 2048 pixeles export pontosan ugyanolyan éles, mint egy 256 pixeles. A PNG kimenet megőrzi az SVG átlátszó hátterét; a JPG fehérrel tölti ki.

    Miért érdemes használni?

    • Bármilyen felbontás egyetlen forrásból: 256 pixeles faviconból 2048 pixeles nyomdai anyagig, mindegyik pixelpontos.
    • A PNG kimenet megtartja az átlátszóságot — a logók bármilyen háttéren jól mutatnak.
    • Másodpercek alatt megoldja az "SVG nem támogatott" feltöltési elutasításokat.
    • Kötegelt átalakítás, helyi feldolgozás, nincs feltöltés.
    • Explicit szélesség/magasság nélküli SVG-ket is kezel, a viewBox beolvasásával.

    Használati útmutató

    1. Húzz .svg fájlokat a dobozba, vagy kattints a kiválasztáshoz.
    2. Válassz kimeneti szélességet — az Automatikus az SVG saját megadott méretét használja.
    3. Válassz PNG-t (megtartja az átlátszóságot) vagy JPG-t (fehér háttér).
    4. Töltsd le a renderelt képeket; a méretek fájlonként megjelennek.

    Példa

    Bemenet

    logo.svg — 4 KB-os vektor

    Kimenet

    logo.png — 1024×1024, átlátszó háttér, minden pixelen éles

    Egyetlen apró vektorforrás pixelpontos rasztereket ad, bármilyen méretben, amit kérsz.

    Gyakori felhasználási esetek

    • Egy cégfogó (amelyet a tervező általában SVG-ként ad át) beillesztése egy Word- vagy PowerPoint-dokumentumba, amely nem támogatja az SVG beágyazását.
    • Alkalmazásikonok vagy faviconok generálása minden szükséges pixelméretben (16, 32, 180, 512 px) egyetlen mester SVG-ből.
    • Ikon csatolása egy e-mail aláíráshoz, mivel a legtöbb e-mail kliens csak raszterképeket jelenít meg.
    • Grafika feltöltése egy közösségi médiaplatformra vagy CMS-be, amely biztonsági óvintézkedésként elutasítja az SVG fájlokat.

    Miért léteznek egyáltalán az SVG feltöltési korlátozások

    Sok platform kifejezetten biztonsági okból, nem hanyagságból blokkolja az SVG feltöltéseket: mivel az SVG XML-alapú, és technikailag beágyazhat JavaScriptet, egy rosszindulatú SVG szkriptbeszúrás eszköze lehet, ha egy platform kezeletlenül rendereli. Az SVG PNG-vé vagy JPG-vé rasterizálása eltávolít mindent, ami a pixeladatokon túlmutat — ez az egyik oka annak, hogy ez az átalakítás gyakran kötelező, nem csupán kényelmi kérdés: a célplatform ténylegesen nem tudja biztonságosan fogadni a vektorformátumot, függetlenül attól, hogy az adott SVG-d ártalmatlan-e.

    Hogyan működik valójában a felbontásfüggetlenség

    Egy SVG fájl egyáltalán nem tárol pixeleket — matematikai útvonal-definíciókat tárol ("húzz vonalat ettől a ponttól addig a pontig", "töltsd ki ezt a görbét ezzel a színnel") és egy viewBoxot, amely meghatározza azt a koordinátateret, amelyben ezek az útvonalak léteznek. Amikor rasterizálod, a böngésző renderelőmotorja minden görbét és kitöltést újraszámol a kért pixelméretekben, minden alkalommal a nulláról. Ez alapvetően más, mint egy meglévő raszterkép (JPG vagy PNG) átméretezése, ahol a nagyítás azt jelenti, hogy sosem létezett pixeleket kell kitalálni, ami elkerülhetetlenül elmosódottá válik — egy 4000 pixeles SVG render pontosan ugyanolyan éles, mint egy 100 pixeles, mert mindkettő ugyanabból a matematikából, frissen kerül kiszámításra, nem egy kisebb forrásból van felnyújtva.

    Gyakori kérdések

    Milyen felbontásban exportáljak?

    Igazodj a legnagyobb megjelenítési mérethez, plusz egy kis ráhagyás: 512 pixel fedi a legtöbb webes logó-felhasználást, 1024 pixel felett retina kijelzőkhöz és prezentációkhoz, 2048 pixel nyomtatáshoz. A fotófelnagyítással ellentétben az SVG-ből való nagy exportálás semmibe sem kerül élesség szempontjából.

    Miért jelenik meg üresen vagy hibásan az SVG-m?

    Általában külső hivatkozások miatt: azok az SVG-k, amelyek külső képekre, betűtípusokra vagy CSS-re hivatkoznak, nem tudják ezeket betölteni a böngésző biztonsági homokozójában. A beágyazott (inline) tartalmú SVG-k hibátlanul átalakulnak. A szöveg is elmozdulhat, ha olyan betűtípust használ, ami hiányzik a rendszeredből.

    PNG vagy JPG kimenet — melyiket válasszam?

    Szinte mindig PNG-t: a logóknak és ikonoknak átlátszóságra és éles élekre van szükségük, amit a PNG megőriz, a JPG viszont tönkretesz. JPG-t csak akkor válassz, ha a célfelhasználás szigorúan megköveteli, vagy az SVG egy fotószerű illusztráció.

    Vissza tudom itt alakítani a PNG-t SVG-vé?

    Nem — ez alapvetően más feladat (pixelek alakzatokká nyomozása), amely legjobb esetben is csak közelítést ad. Ez az eszköz vektor → raszter irányban dolgozik, ami pontos.

    Feltöltésre kerül valahova az SVG-m az átalakításhoz?

    Nem. A böngésző egy helyi vászonra (canvas) rendereli az SVG-t, és a PNG/JPG fájlt az eszközödön kódolja. Semmi nem kerül elküldésre.

    PNG-ként vagy JPG-ként exportáljam az SVG-met?

    Ha a grafikának átlátszóságra van szüksége — egy logó, amelynek bármilyen háttéren meg kell jelennie —, válaszd a PNG-t: a JPG-nek nincs alfa csatornája, és tömör színnel tölti ki az átlátszó területeket. A PNG jobb éles szélű grafikákhoz is, mint az ikonok és diagramok. JPG-t csak akkor válassz, ha az SVG fényképszerű vagy erősen színátmenetes tartalmat tartalmaz, és a fájlméret fontosabb, mint az élesség.

    Kapcsolódó eszközök