SVG to PNG
Turn a supported static SVG into a PNG with explicit pixel dimensions and a transparent or solid background. Convert locally, inspect the result and download the same verified image.
Make a PNG from vector artwork
- Choose one SVG file or paste its UTF-8 markup. The source is checked before it reaches the renderer.
- Use the detected viewport or set an explicit canvas, then choose Original, Width or Height and the output background.
- Select Convert to PNG, inspect the current result and download it. Changing the source or a setting invalidates the old image.
Understand the canvas and the pixels
An SVG viewBox describes a coordinate rectangle, not a universal pixel size. This converter uses explicit root dimensions when available and a documented viewBox convention when they are absent.
A custom viewport defines the source canvas. Choosing an output width or height then calculates the other pixel axis from that canvas; final integer rounding can introduce a small aspect difference.
PNG supports transparency. The preview checkerboard is not part of the file. A solid background deliberately replaces transparent areas with the selected opaque color.
Text is rendered using bundled regular fonts. Requested families, weights, spacing or scripts can look different or have missing glyphs. For exact artwork typography, outline the text before converting.
Sizing examples
A viewBox of 10 20 400 200 with no root dimensions uses a 400 by 200 source canvas. Choosing a width of 1200 gives a 1200 by 600 PNG; the nonzero viewBox origin remains meaningful.
With a 100 by 50 viewBox and only width 200 specified, this tool deliberately derives height 100. That is a product sizing convention, not a claim that every standalone renderer resolves a missing axis the same way.
A 3 by 2 source canvas fitted to width 10 needs an integer height of 7. Fractional geometry and antialiasing are still rendered by the pinned engine, not reconstructed by the size formula.
A supported static profile, not every SVG
The profile includes ordinary paths, shapes, groups, text, styles, gradients, local reuse, clipping, masks, markers and verified embedded PNG or JPEG images. Unsupported features cause a refusal instead of a silently incomplete result.
Filters, patterns, animation, scripts, HTML foreignObject, external resources and nested SVG images are outside this version. Some exported artwork, especially effects or shadows, therefore needs preparation elsewhere.
The source is limited to 4 MiB; output axes to 8192 pixels and the complete raster to 8,388,608 pixels. Structural, embedded-image, expansion, intermediate-surface and time limits also apply. A small source does not guarantee a small rendering workload.
This tool does not promise identical browser rendering, original fonts, ICC color profiles, print-DPI metadata, arbitrary Unicode coverage or preservation of source metadata. DPI here fixes physical-unit conversion, not the PNG's printing metadata.
One document is converted at a time. The original SVG is not edited, uploaded, previewed as executable markup or replaced by a rewritten SVG download. There is no batch ZIP, SVG editor or guaranteed compression ratio.
Local conversion with explicit resources
The conversion uses local workers and fixed same-origin renderer/font assets. Supplied SVG, image resources and file content are not uploaded by the tool, saved in history or placed in share URLs. Source-selected network resources are rejected. This is a tool data-flow promise, not a universal browser security certificate.
SVG to PNG questions
Sources
These references describe the input formats and the fixed packages used by the conversion profile; they do not certify every SVG or its rendering.
- W3Cw3.orgW3C: Scalable Vector Graphics 1.1
- W3Cw3.orgW3C: SVG coordinate systems and viewports
- W3Cw3.orgW3C: SVG links and resource references
- W3Cw3.orgW3C: Extensible Markup Language 1.0
- W3Cw3.orgW3C: CSS Syntax
- W3Cw3.orgW3C: PNG specification
- registry.npmjs.orgresvg-wasm 2.6.2 package
- raw.githubusercontent.comPinned resvg JavaScript wrapper source
- raw.githubusercontent.comPinned renderer: documented unsupported features
- registry.npmjs.orgsaxes 6.0.0 package
- registry.npmjs.orgCSS Tree 3.1.0 package
Profile references reviewed November 9, 2026. The supported subset is narrower than the renderer; bundled fonts, missing glyphs and color interpretation can change the result.
Related tools
CSS Filter Generator
Order and repeat CSS effects, compare a specimen and copy the exact filter declaration.
Open tool — CSS Filter GeneratorFluid Font Size Calculator
Create root-relative CSS from viewport endpoints and inspect the copied size model.
Open tool — Fluid Font Size CalculatorCSS Button Generator
Style native button states, inspect keyboard focus and copy HTML and CSS.
Open tool — CSS Button GeneratorCSS Border Radius Generator
Edit eight corner radii, preview a box and copy CSS in pixels or percentages.
Open tool — CSS Border Radius GeneratorCSS Grid Generator
Build a bounded CSS Grid example with editable tracks, placement and named areas. Preview it, copy CSS or HTML and download the same standalone example.
Open tool — CSS Grid GeneratorCSS Flexbox Generator
Build a Flexbox example with container and item controls, explicit layout axes, matching CSS and HTML, and a local complete-example download.
Open tool — CSS Flexbox GeneratorCSS Text Shadow Generator
Build ordered text shadows, preview plain text and copy exact CSS.
Open tool — CSS Text Shadow GeneratorCSS Transform Generator
Compose repeatable 2D CSS transforms, edit px or percentage translation and origin, inspect a reference box and copy the exact current declarations.
Open tool — CSS Transform GeneratorCSS Box Shadow Generator
Create ordered CSS box-shadow layers with a live preview and copyable code.
Open tool — CSS Box Shadow GeneratorImage Watermark
Add a text or logo watermark to a batch of images, review each result and download individual files or a ZIP.
Open tool — Image WatermarkCSS Gradient Generator
Create linear or radial CSS gradients with editable colors, opacity and stops.
Open tool — CSS Gradient GeneratorColor Converter
Convert supported sRGB HEX, RGB and HSL literals with alpha, explicit precision and current code Copy.
Open tool — Color ConverterImage to Text (OCR)
Recognize printed text in local PNG or JPEG images, choose a language and review or correct the result before copying or downloading.
Open tool — Image to Text (OCR)QR Code Reader
Read one QR code from a local PNG or JPEG and inspect its text or content bytes without opening links.
Open tool — QR Code ReaderColor Contrast Checker
Compare foreground and background colors, adjust opacity and check WCAG numerical contrast thresholds for text and essential interface details.
Open tool — Color Contrast CheckerPrint Size & Resolution Calculator
Calculate print dimensions, required pixels and effective PPI with fit or crop.
Open tool — Print Size & Resolution CalculatorAspect Ratio Calculator
Find a width-to-height ratio or calculate a matching pixel size from one target dimension.
Open tool — Aspect Ratio CalculatorImage Compressor
Try to fit a JPEG, PNG or WebP within a target file size, with measured results and optional smaller dimensions.
Open tool — Image CompressorHEIC to JPG
Convert supported HEIC photos locally into full-size JPG copies, with quality and background controls and verified individual or ZIP downloads.
Open tool — HEIC to JPGImage Converter
Convert supported PNG, JPEG and WebP images locally with batch targets, transparency, background and quality controls, then review and download the encoded files.
Open tool — Image ConverterPhoto Collage Maker
Arrange local photos in a grid, adjust crops and spacing, and download PNG or JPEG.
Open tool — Photo Collage MakerRotate & Flip Images
Rotate or mirror a local batch of static PNG, JPEG and WebP images, then review and download the processed results.
Open tool — Rotate & Flip ImagesImage Cropper
Crop one local JPEG, PNG or WebP to exact pixels with visual and numeric controls. Download PNG or JPEG.
Open tool — Image CropperImage Resizer
Resize a JPG, PNG or WebP image by pixels or percentage, preview the result and download it.
Open tool — Image Resizer