Utiliome

Převodník SVG na PNG

Rasterizujte vektorové soubory SVG na ostré PNG 1×, 2×, 4× nebo 8× Retina s interaktivními úchyty změny velikosti na plátně, vlastní matnicí pozadí a bezpečným odsazením — 100% v prohlížeči.

Bez nahráváníBez registraceDávkové zpracování
Měřítko 1x / 2x / 4x / 8xPrůhlednost alphaBezpečný okrajDávkový ZIP
Stáhnout
Offline engine je připraven100% soukromý pracovní prostor v prohlížeči • Žádné nahrávání do cloudu
Nástroje, které se vám můžou hodit

Související nástroje

Optimalizátor SVG

Minifikujte a optimalizujte SVG až o 80 % online. Odstraňte metadata Figma/Illustrator, zaokrouhlete cesty, porovnejte před/po a dávkově exportujte ZIP.

Převést formát obrázku

Okamžitě převádějte obrázky mezi formáty PNG, JPG, WEBP a GIF.

Změnit velikost obrázku

Měňte rozměry obrázku a škálujte nahoru i dolů lokálně v prohlížeči.

Přidat vodoznak

Překryjte fotky logem nebo textovým vodoznakem lokálně.

Komprimovat obrázek

Výrazně zmenšete velikost obrázku (JPG, PNG, WebP) bez ztráty vizuální kvality.

Zaoblit rohy

Snadno přidejte zaoblené rohy k obrázkům online zdarma.

100% soukromé • Žádné nahrávání souborů na server

Proč použít bezplatný high-DPI převodník SVG na PNG od Utiliome?

Navrženo od základu pro přísné soukromí, okamžité spuštění a nulové tření. Žádné předplatné, paywally ani registrace účtu.

1×, 2×, 4× a 8× Retina supersampling

Rasterizujte vektorové cesty s matematickou přesností až 8192 × 8192 px PŘED pixelovým výstupem — bez rozmazaných hran na 4K displejích, ikonách mobilních aplikací i tiskových assetech.

Interaktivní změna velikosti tažením na plátně

Táhněte kterýkoli z 8 rohových nebo hranových úchytů přímo na živém náhledu SVG (nebo zadejte přesnou šířku × výšku v pixelech) s automatickým zámkem poměru stran.

Alfa průhlednost, matnice a bezpečné odsazení

Ponechte 32bitovou RGBA průhlednost, nebo vyplňte vlastní hex barvou pozadí, a vložte 0–128 px bezpečného okraje, aby se vnější tahy a drop shadow nikdy neořízly.

Sanitizace DOMPurify a 100% lokální soukromí

Odstraní nedůvěryhodné XML skripty přes DOMPurify a každé SVG vykreslí v lokálním HTML5 Canvas prohlížeče — nula nahrávání na server, bez vodoznaků a s dávkovým ZIP exportem.

Utiliome vs tradiční cloudové alternativy

Porovnejte náš lokální WebAssembly engine s legacy cloudovými nástroji.

Funkce Utiliome (lokální prohlížeč) Legacy cloudové převodníky
Vektorové škálování a max. rozlišení Měřítko 1×, 2×, 4×, 8× Retina + úchyty na plátně až 8192 × 8192 px Zamčeno na výchozí 1× velikost viewBox, nebo HD škálování za paywallem
Kontrola ořezu pozadí a tahů 32bitová RGBA průhlednost, vlastní Hex matnice a 0–128 px bezpečné odsazení Ořezává okrajové tahy na hranici viewBox; bez ovládání odsazení
Zabezpečení a soukromí dat 100% DOMPurify + HTML5 Canvas na straně klienta — nula nahrávání na server Nahrávají proprietární loga a UI ikony na vzdálené cloudové servery
Dávkové workflow a cena 100% zdarma, neomezená fronta SVG, ZIP ke stažení na jedno kliknutí Denní limity 2–5 souborů, vynucená registrace nebo předplatné
Jak to funguje

Jak převést SVG na vysoce rozlišené PNG ve 3 krocích

Není nutná žádná instalace softwaru. Vše běží přímo ve vašem webovém prohlížeči.

1

Přetáhněte jeden nebo více souborů SVG

Přetáhněte vektorová loga, ikony nebo ilustrace .svg do dropzóny v prohlížeči. Veškeré parsování XML probíhá lokálně na vašem zařízení.

2

Táhněte úchyty nebo zvolte měřítko 1×–8×

Táhněte 8 interaktivních úchytů přímo na náhledu, zvolte měřítko 1×, 2×, 4× nebo 8× Retina, nastavte průhledné nebo vlastní hex pozadí a přidejte bezpečné odsazení.

3

Porovnejte Před/Po a exportujte PNG nebo ZIP

Zkontrolujte věrnost vektor-na-raster interaktivním rozděleným posuvníkem Před/Po a stáhněte jednotlivá bezeztrátová PNG nebo dávkový ZIP archiv.

Skutečné škálování vektor-před-rasterem: proč záleží na rasterizaci SVG 2×, 4× a 8×

Rychlá odpověď: Na rozdíl od změny velikosti JPG nebo PNG — která natahuje existující pixely — škálování SVG vynásobí matematické souřadnice Bézierových křivek uvnitř XML viewBox před rasterizací a vytvoří břitce ostré hrany v rozlišení 2×, 4× nebo 8× Retina až 8192×8192 px.

Scalable Vector Graphics (.svg) ukládají tvary, typografii a ikony jako matematické XML cesty (<path>, <circle>, <rect>, viewBox), nikoli jako pevnou mřížku pixelů. Mnoho publikačních platforem, e-mailových klientů (podpisy Gmail/Outlook), sociálních sítí, video editorů a OpenGraph tagů však nahrávání .svg odmítá a vyžaduje rastrový soubor PNG.

Pokud SVG exportujete v nominální velikosti 1x viewBox (například ikona UI 24×24 nebo logo navbar 120×40) a toto PNG pak natáhnete v prezentaci nebo na časové ose videa, rozmazá se. Utiliome přepíše cílový vykreslovací viewport SVG (atributy width a height) na 1x, 2x, 4x nebo 8x (nebo libovolný vlastní rozměr, který táhnete na plátně až do 8192 × 8192 px) předtím, než vektorový engine prohlížeče rasterizuje jediný pixel — a zaručí ostré antialiasované křivky při jakémkoli DPI.

Jak zabránit ořezu tahů a stínů bezpečným odsazením a vlastní matnicí

Rychlá odpověď: SVG exportovaná z Figmy, Illustratoru nebo Inkscape často mají vnější tahy nebo filtry drop-shadow, které se dotýkají přesné hrany viewBox. Přidání 8 px–64 px Safe Margin Padding rozšíří výstupní PNG plátno, aby se okrajové detaily nikdy neusekly.

Častou frustrací při převodu SVG log a odznaků na PNG je ořez na hranici viewBox: pokud vektorová cesta leží na x="0" se středovým tahem 4px, polovina tahu (2px) přesahuje viewBox a při standardní rasterizaci se amputuje.

Ovládání Safe Margin Padding (0px–128px)aBackground Matte od Utiliome to řeší přímo:

  • Centrováné bezpečné odsazení: Rozšíří cílové PNG plátno o 2 × padding na obou osách a vycentruje škálovanou SVG kresbu uvnitř bezpečné zóny.
  • 32bitová RGBA průhlednost vs. vlastní Hex matnice: Ponechte 100% průhledný alfa kanál (RGBA) pro tmavé/světlé UI overlaye, nebo použijte plné pozadí #FFFFFF, #0F172A či brand hex při exportu ikon pro iOS App Store nebo platformy, které průhlednost špatně zplošťují.

SVG na PNG vs. SVG Optimizer vs. převodník formátů: který nástroj potřebujete?

Rychlá odpověď: Použijte převodník SVG na PNG k rasterizaci vektorových souborů .svg do high-DPI bitmap .png. SVG Optimizer použijte ke zmenšení XML kódu .svg při zachování vektoru a Image Format Converter k rastr-na-rastr převodům (JPG ↔ PNG ↔ WebP).

Správná volba vektorového nebo rastrového nástroje zaručí maximální kvalitu a minimální velikost souboru:

Cíl workflow Doporučený nástroj Utiliome Vstup → výstup a jádrový engine
Rasterizovat vektor .svg na high-res .png SVG to PNG Converter (tento nástroj) .svg → .png (1x–8x Retina až 8192px, úchyty na plátně, odsazení a matnice)
Minifikovat velikost XML .svg (ponechat vektor) SVG Optimizer .svg → .svg (odstraní editorová metadata, komentáře a nadbytečnou přesnost cest)
Převádět mezi rastrovými formáty (JPG/PNG/WebP) Image Format Converter JPG ↔ PNG ↔ WebP dávkové rastrové transkódování s jezdcem kvality
Dekódovat moderní fotky .avif na bezeztrátové .png Convert AVIF to PNG .avif → .png (32bitová RGBA alfa a zachování barevného profilu)
Otisknout převedené PNG logo na fotky Add Logo Overlay to Photos Skládá průhledná PNG loga na dávkové katalogy fotek

Sanitizace XML DOMPurify a bezpečnost prohlížeče bez nahrávání

Rychlá odpověď: Protože soubory SVG jsou XML dokumenty schopné vkládat spustitelné tagy <script> a odkazy na externí entity, Utiliome každé SVG sanitizuje lokálně pomocí DOMPurify, než ho vykreslí v izolovaném HTML5 Canvas.

Nahrávání proprietárních firemních log, nevydaných UI kitů nebo architektonických diagramů do cloudových převodníků třetích stran vystavuje duševní vlastnictví vzdálenému úložišti. Naopak vykreslení stažených SVG třetích stran bez sanitizace může spustit Cross-Site Scripting (XSS), pokud XML obsahuje inline <script> nebo handlery onload.

Utiliome parsuje SVG lokálně v paměti prohlížeče, sanitizuje XML strom pomocí DOMPurify (USE_PROFILES: { svg: true, svgFilters: true }), automaticky normalizuje chybějící atributy xmlns a viewBox a rasterizuje čistou vektorovou grafiku přes HTML5 Canvas — bez jediného síťového požadavku.

FAQ

FAQ převodníku SVG na PNG a průvodce vektorovou rasterizací

Vše, co potřebujete vědět o používání bezplatného online Převodník SVG na PNG od Utiliome.

Jak změním velikost SVG přímo na náhledu před exportem do PNG?

Jakmile se SVG načte v editoru, táhněte kterýkoli z 8 oranžových úchytů (rohy nebo hrany) přímo na plátně — nebo v postranním panelu zvolte násobič měřítka 1x, 2x, 4x nebo 8x. Živá pilulka pixelových rozměrů ukazuje přesné výstupní rozlišení při tažení.

Proč škálování SVG na 4x nebo 8x zůstane ostré, zatímco PNG se rozmaže?

SVG definuje tvary matematickými vektorovými rovnicemi, nikoli pevnými pixely. Když v Utiliome zvolíte 4x nebo 8x, prohlížeč přepočítá vektorové křivky ve vyšším rozlišení (až 8192×8192 px) ještě před vygenerováním pixelů PNG.

Zachová převedené PNG průhledná pozadí a alfa přechody?

Ano. Ve výchozím nastavení je zapnutý režim pozadí 'Transparent' a výstupem je 32bitové RGBA PNG, které zachová plnou průhlednost, poloprůhledné stíny i antialiasované hrany. Můžete také přepnout na plnou bílou, tmavou nebo vlastní hex matnici.

Co když SVG postrádá atributy width/height a má jen viewBox?

Utiliome automaticky zkontroluje kořenový prvek XML <svg>, extrahuje šířku a výšku viewBox, když chybí explicitní pixelové rozměry, doplní chybějící jmenný prostor xmlns a vykreslí vektor v pravém poměru stran.

Jak zabráním, aby se vnější okraje nebo drop shadow usekly na hranách?

Použijte jezdec 'Safe Margin Padding' (nebo rychlé předvolby 8px, 16px, 32px, 64px) a před rasterizací přidejte kolem kresby SVG průhledný nebo barevný prostor k dýchání.

Mohu převést více SVG ikon na PNG najednou?

Ano! Přetáhněte desítky souborů SVG najednou, nastavte násobič měřítka, odsazení a pozadí, klikněte na 'Apply to All' a stáhněte všechna převedená PNG v jediném ZIP archivu.

Kdy použít převodník SVG na PNG a kdy SVG Optimizer?

Použijte SVG to PNG Converter, když potřebujete rastrový obrázek .png pro aplikace, prezentace, e-mailové podpisy nebo sociální sítě, které .svg nepřijímají. Použijte SVG Optimizer, když chcete soubor ponechat jako vektor .svg, ale zmenšit XML kvůli výkonu webu.