Bezplatný prevodník

SVG do PNG Konvertor

Preveďte vektorové súbory SVG na vysokokvalitné rastrové obrázky PNG. Prispôsobte si výstupnú mierku a farbu pozadia jednoducho vo svojom prehliadači.

Drag & Drop SVG sem

Podporuje až 50 MB

Alebo

O tomto nástroji

SVG (Scalable Vector Graphics) popisuje obrázky ako množinu geometrických primitív – cesty, tvary, text, prechody – ktoré sa menia na ľubovoľnú veľkosť bez straty kvality. PNG ukladá jednu obdĺžnikovú pixelovú mriežku s pevným rozlíšením. Konverzia SVG na PNG je rasterizačný krok: inštrukcie na kreslenie SVG sa vyhodnotia pri zvolenej veľkosti pixelov a výsledná bitmapa sa zakóduje ako PNG. Výstup vyzerá ostro pri zadanej veľkosti, ale pri zväčšení sa rozpixeluje.

Tento konvertor vykresľuje SVG pomocou vstavaného SVG motora prehliadača. SVG sa načíta do prvku Image, nakreslí sa na plátno HTML5 vo vybratých výstupných rozmeroch a exportuje sa ako PNG cez canvas.toBlob. Pretože prehliadač vykonáva rastrovanie, komplexné funkcie SVG – prechody, filtre, masky, animácie ako statický rámec – sa vykresľujú rovnakým spôsobom, ako na skutočnej webovej stránke.

Najdôležitejším rozhodnutím pri konverzii SVG na PNG je cieľová veľkosť. SVG je nezávislé na rozlíšení, takže výber veľkosti PNG, ktorá zodpovedá skutočnému použitiu, zabráni nadmernému poskytovaniu (veľké súbory pre ikony s miniatúrou) a nedostatočnému poskytovaniu (rozmazaný výstup pri neskoršom zväčšení). Bežné ciele: 32 × 32 alebo 64 × 64 pre ikony, 256 × 256 alebo 512 × 512 pre logá, 1 024 × 1 024 pre grafiku hrdinov, 2 048 × 2 048 pre prvky v kvalite sietnice.

Prečo previesť SVG na PNG

SVG je úžasné pre web a moderné dizajnérske nástroje, ale hrozné pre mnoho iných kontextov. E-mailoví klienti vykresľujú SVG nekonzistentne; niektorí to blokujú ako bezpečnostné riziko. Starší kancelársky softvér, určité CMS, služby tretích strán a takmer všetky kanály na tlač fotografií SVG vôbec neakceptujú. Konverzia do formátu PNG vytvorí všeobecne akceptovaný raster, ktorý vyzerá identicky pri zvolenej veľkosti.

PNG sa tiež spoľahlivo vkladá do kancelárskych dokumentov, balíčkov diapozitívov a súborov PDF bez závislosti od vykresľovacieho modulu SVG príjemcu. Pre logá a grafiku, ktoré sa musia zobrazovať konzistentne na mnohých platformách, je PNG bezpečnejšou voľbou – aj keď stráca nezávislosť na rozlíšení, vďaka ktorej je SVG v prvom rade atraktívnym.

Ako používať

Vyberte si cieľovú veľkosť, render. Prehliadač vykoná rastrovanie.

  1. Nahrajte súbor SVG: Presuňte súbor SVG do oblasti nahrávania alebo kliknutím prehľadávajte. Podporované sú súbory do 50 MB, hoci typické súbory SVG sú výrazne pod 1 MB. Najlepšie fungujú samostatné SVG; Súbory SVG, ktoré odkazujú na externé obrázky prostredníctvom xlink:href na vzdialené adresy URL, sa môžu zobraziť neúplné.
  2. Vyberte veľkosť výstupu: Predvolené sú natívne rozmery zobrazovacieho poľa SVG, ale môžete ich zmeniť na ľubovoľnú veľkosť v pixeloch. Vyberte si veľkosť, ktorá zodpovedá vášmu skutočnému použitiu – vyhnite sa vytváraniu 4K PNG pre ikony, ktoré sa zobrazia vo formáte 32×32.
  3. Vykresliť: Prehliadač analyzuje SVG, nakreslí ho na plátno v požadovaných rozmeroch a exportuje plátno ako PNG. Komplexné SVG s filtrami alebo veľkým počtom ciest môže chvíľu trvať; jednoduché ikony sa vykresľujú okamžite.
  4. Stiahnite si PNG: Uložte súbor. Transparentnosť v SVG (čokoľvek mimo nakreslených tvarov) je zachovaná ako alfa kanál v PNG.

Bežné prípady použitia

Technické detaily

SVG (odporúčanie W3C) je vektorový formát založený na XML s prvkami pre cesty, základné tvary (obdĺžnik, kruh, elipsa, čiara, mnohouholník, lomená čiara), text, prechody (linearGradient, radialGradient), filtre, masky a cesty klipov. Prehliadač analyzuje XML, vytvorí DOM, použije CSS a rastruje výsledok počas vykresľovania stránky.

Tento konvertor načíta SVG do HTMLImageElement (ktorý spustí normálnu cestu vykresľovania SVG ako obrázok prehliadača), potom ho nakreslí na plátno cez drawImage. Plátno sa exportuje ako PNG pomocou canvas.toBlob('image/png'). Presné pixely vo výstupe zodpovedajú tomu, čo by SVG vykreslilo pri rovnakej veľkosti na karte prehliadača.

Okrajové prípady: SVG používajúce ForeignObject nie je vždy podporované, keď sa používa prostredníctvom prvku Image. SVG odkazujúce na externé zdroje (xlink:href na inú doménu) sa nemusí načítať kvôli CORS. Animácie SMIL a animácie riadené JavaScriptom sa vykresľujú len ako počiatočný rámec.

osvedčené postupy

Často kladené otázky

Stratí moje SVG kvalitu pri prevode na PNG?
Konverzia vektora na rastr znamená, že obrázok bude založený na pixeloch a už sa nedá nekonečne meniť. Zvoľte vysoké rozlíšenie, aby ste zabezpečili, že PNG bude vyzerať ostro pri zamýšľanej veľkosti displeja.
Na čo sa používa formát PNG?
PNG (Portable Network Graphics) sa primárne používa na grafiku s priehľadnosťou, snímky obrazovky, logá, ikony.
Existujú nejaké obmedzenia, ktoré si treba uvedomiť?
Podporované sú súbory do 50 MB. Spracovanie veľmi veľkých alebo zložitých súborov môže trvať dlhšie. Všetky konverzie prebiehajú vo vašom prehliadači, takže rýchlosť spracovania závisí od vášho zariadenia.
Sú moje obrázky počas konverzie súkromné?
áno. Vaše súbory SVG sa spracúvajú výlučne vo vašom prehliadači pomocou rozhrania Canvas API a JavaScriptu. Nič sa neodovzdáva na žiadny server – súbor ide priamo z vášho zariadenia do konvertora a späť do vášho zariadenia.
Je text vykreslený ako text alebo ako cesty?
Text je vo výstupnom PNG rastrovaný ako pixely. Výstup už nie je možné vyhľadávať ani vyberať. Ak váš SVG používa písma, ktoré nie sú dostupné v prehliadači, text sa môže vykresliť v záložnom písme; konvertovať text na cesty v SVG pred vykreslením, aby bol zaručený vzhľad.
Je moje SVG nahrané na server?
Nie. Analýza a vykreslenie SVG prebieha vo vašom prehliadači; Kódovanie PNG prebieha vo vašom prehliadači. Súbor neopustí vaše zariadenie.
Prečo je môj konvertovaný PNG prázdny?
Bežné príčiny: SVG odkazuje na externé obrázky, ktoré sa nepodarilo načítať v dôsledku CORS; SVG používa funkcie, ktoré nie sú podporované cestou vykresľovania obrazového prvku (cudzí objekt, určité filtre); SVG má nulový rozmer zobrazenia. Otvorte SVG priamo v prehliadači a potvrďte, že sa vykresľuje pred konverziou.
Môžem previesť SVG na PNG v skripte?
Áno – pre dávkové úlohy nastavenie Node.js pomocou ostrého alebo bábkarského vykresľuje SVG do PNG s podobnou vernosťou ako prehliadač. Tento nástroj slúži na jednorazové konverzie v prehliadači bez inštalácie čohokoľvek.