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
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.
Podporuje až 50 MB
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.
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.
Vyberte si cieľovú veľkosť, render. Prehliadač vykoná rastrovanie.
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.