SVG to PNG Converter
Render an SVG to a PNG raster image at any scale — entirely in your browser.
Drop an SVG file or click to browse
Processed entirely in your browser
Convert SVG to PNG at any resolution
SVG is vector — it scales losslessly — but many tools only accept raster images (PNG/JPEG). Use the scale slider to export at 1×, 2×, or 4× for retina displays. The SVG is rendered by your browser's native renderer so the output is pixel-perfect. For embedding SVG in CSS, try SVG to Data URI.
Built and maintained by Meet Shah · Last updated
What this tool is used for
- Producing a raster version of a logo for a platform that will not accept SVG.
- Rendering an icon at a specific pixel size for an app asset set.
- Getting a PNG of a diagram for a document or a slide deck.
- Producing a favicon or a social preview image from vector source.
- Rasterising a chart so it renders identically everywhere.
Frequently Asked Questions
- What is lost rasterising an SVG?
- Scalability, permanently. The output is fixed at whatever pixel dimensions you choose, so enlarging it later softens — whereas the SVG was resolution-independent. Text also stops being selectable and searchable.
- What size should I render at?
- Two or three times the display size, for high-DPI screens. An SVG's own width/height attributes are only a default; the viewBox defines the coordinate system, so you can render at any resolution regardless of what the file declares.
- Why do my fonts look wrong in the PNG?
- Because SVG text references a font by NAME and the renderer substitutes whatever it has. Converting text to paths before rasterising guarantees the shapes, at the cost of file size and editability.
- Are external references included?
- No — images, fonts or stylesheets loaded by URL usually fail to render, since the converter has no network access from a sandboxed context. Everything must be inlined or embedded as a data URI first.
- When should I rasterise at all?
- For contexts that cannot render SVG: email clients, Open Graph and Twitter card images, favicons for older browsers, and print workflows. Keep the SVG as the master and treat the PNG as a derived asset.
- How should I choose the export resolution?
- At the largest size it will be displayed, multiplied by the target pixel ratio — so a 200px logo on a 3× screen exports at 600px. Exporting at the CSS size is why rasterised logos look soft on modern displays.
- Why do CSS-driven styles disappear on export?
- Because an SVG rendered outside the page has no access to the page's stylesheet, so anything styled by an external rule or `currentColor` falls back to its default. Inlining the styles into the SVG before export fixes it.
Common errors and gotchas
- Rendering at display size and finding it soft on high-density screens, where twice the size is needed.
- Losing a font. Text in an SVG needs the font available or converted to paths before rasterising.
- Assuming external references resolve. Images or stylesheets linked from the SVG may not be fetched.
- Getting a transparent background where you wanted white, or the reverse, because the SVG declared neither.
- Rasterising and then scaling the PNG, which throws away the resolution independence you started with.
Related Converters tools
JSON to YAML
Convert JSON into clean, readable YAML instantly.
YAML to JSON
Convert YAML configuration into valid JSON.
JSON to XML
Convert JSON structures into nested XML markup.
HWB to HEX Converter
Convert an HWB color to HEX.
JSON to SQL
Turn a JSON array of objects into SQL INSERT statements.
CSV to XML
Convert CSV rows into structured XML records.
XML to CSV
Flatten repeated XML records into CSV rows.
INI to JSON
Parse INI config sections and keys into JSON.