Shard Tools

SVG to JPG

Render an SVG to JPG at any scale in your browser.

Maintained by Roshan.

Use SVG to JPG

Renders an SVG to JPG at whatever size you choose. The file is drawn by this tab's own renderer and never uploaded.

Most SVGs do not declare a pixel sizeAn SVG carrying only a viewBox has no intrinsic size, and a browser asked to draw it falls back to 300 x 150. This tool reads the viewBox instead, so the output keeps the artwork's real proportions.

Explore image tools

Find related browser-local tools for nearby tasks without starting another search.

Browse all image tools

About SVG to JPG

JPG is the right destination for an SVG only in specific circumstances, and it is worth checking you are in one before converting. JPEG cannot store transparency, so any transparent region in the vector artwork will be filled with solid white - irreversibly. It is also a photographic codec, tuned for gradual tonal variation, and vector graphics are the opposite: flat colour separated by hard edges. Those edges are exactly what JPEG's compression handles worst, producing faint halos known as ringing. Where JPG does earn its place is compatibility, since it is accepted by every upload form, document tool and legacy system in existence. If your destination will take PNG, prefer PNG. If it insists on JPG, this page does the job properly, including reading the viewBox so the output is not silently reduced to 300 by 150.

Shape and export choices

  1. The opening svg tag is inspected for usable width and height attributes, with CSS units converted to pixels.
  2. When there are none, the viewBox provides the true proportions. Without this step the browser would fall back to its 300 by 150 default and the export would come out the wrong shape.
  3. Explicit dimensions are applied to the SVG at your chosen scale before rendering, so the artwork is drawn at full resolution rather than enlarged from a small bitmap.
  4. The canvas is filled with white before the artwork is drawn. JPEG has no alpha channel, so a background colour has to be chosen rather than left undefined.
  5. The result is encoded as JPEG at a high quality setting to keep edge artifacts as low as the format allows.

Good fits for SVG to JPG

An upload form that accepts only JPG

Older portals sometimes list JPEG as the sole permitted image type. Convert at two or three times the required display size so the compression has more detail to work with.

A chart exported as SVG for a report

Charts are mostly flat colour and thin lines, which is JPEG's weakest case. Convert to PNG if the document format allows it; the file will usually be smaller and noticeably cleaner.

Check the image before download

Questions about SVG to JPG

Why is the background white?

JPEG has no way to record transparency, so a colour has to be composited behind the artwork. White is the conventional choice.

Why do the edges look slightly fuzzy?

That is JPEG ringing, an artifact of compressing sharp transitions. It is inherent to the format. Increasing the export scale helps; switching to PNG removes it.

Should I use PNG instead?

For vector artwork, almost always yes. Choose JPG only when the destination will not accept anything else.

How large can I export?

Scale up to eight times the intrinsic size. Very large results are capped so the tab does not attempt an unreasonable canvas, and the aspect ratio is kept.

Is the file processed on a server?

No. Reading, rendering and encoding all happen in this tab.

Related tools

SVG to PNG

Rasterize an SVG to PNG at the size you pick, with transparency preserved. Reads the viewBox so the output is not squashed to 300x150.

SVG to WebP

Rasterize an SVG to WebP at the size you choose. Keeps transparency and produces a smaller file than PNG.

JPG/JPEG to PNG

Convert JPG or JPEG images to PNG directly in your browser. Keep the original dimensions, inspect the output size, and download without uploading the file.