Skip to content

Convert SVG to JPG

Some upload form, marketplace or print shop will only take a JPG. Render the vector at the size you need, on a background you choose — because a JPG has no transparency — and nothing is stored.

  • Never stored
  • No queue, no waiting
  • No signup, no watermark

How it works

1

Add your SVGs

Drop any number of .svg files.

2

Choose size and background

Set the pixel width — a vector is sharp at any size — and the colour that fills what was transparent.

3

Download

Singly or as a ZIP, at the quality you set.

Why JPG fights vector artwork, and how to lose least

JPEG was designed for photographs: smooth gradients and no hard edges, which its 8×8 block transform and chroma subsampling handle gracefully. Vector artwork is the opposite — flat fills, one-pixel strokes, sharp corners and small text — and every one of those edges picks up a faint ring of ripples in a JPEG, with coloured fringes where a saturated edge meets white, because the colour was stored at half resolution. At quality 90 and above the rings are nearly invisible; at 75 they show on any logo. The quality slider on this page starts high for that reason.

The background colour is not cosmetic. An SVG with no background draws onto nothing, and a JPEG must have something in every pixel, so the empty area is filled before encoding. Anti-aliased edges were blended towards transparency; they are now blended towards the chosen colour, so a logo rendered on white and placed on a dark page shows a pale halo. Pick the colour of the destination, or use PNG, which keeps the edges unblended.

Everything self-contained renders as drawn — gradients, filters, masks, clipping, embedded data-URI images. Linked images and web fonts do not load, because an SVG being rendered as a picture is isolated from the network, and scripts do not run. If the SVG declares only a viewBox, the aspect ratio comes from it and the width you set decides the height.

When you want something else

rsvg-convert -w 1600 -b white in.svg -o out.png then cjpeg -quality 92 gives a cleaner JPEG than a browser encoder, with a real font stack behind the text, and Inkscape exports with a chosen DPI and background from the command line for a whole folder.

Before converting at all, ask whether the thing demanding a JPG would take a PNG: nearly everything does, and the PNG of a logo is smaller, sharper and transparent. The cases that truly need a JPG are narrow — marketplaces with strict uploaders, some print shops, and systems old enough to predate PNG support.

Frequently asked questions

Should this be a PNG instead?

Usually, yes. Vector artwork is flat colour and hard edges, which JPG compresses badly and PNG perfectly, and only PNG keeps transparency. Use this page when something specifically demands a JPG — a listing form, an older system, a print house — and SVG to PNG otherwise.

What happens to the transparent background?

JPG has no transparency, so the area the SVG did not draw is filled with the colour you choose before encoding. White by default; match it to wherever the picture will sit.

What size should I render at?

The largest size it will be shown or printed at, times two for a high-density screen. There is no penalty for rendering big, because the source is a vector; the penalty is only in file size.

Why does the text look different from my design tool?

The SVG names a font and the machine rendering it substitutes whatever it has if that font is missing. Convert text to outlines before exporting and the problem goes away. Web fonts referenced by URL are not fetched: the render reaches out to nothing.

Are my files stored anywhere?

No — nothing is stored at any point.

Good to know: SVGs that depend on external images or web fonts render without them; scripts do not run, and animations render at their first frame. Hard edges acquire JPG ringing at low quality — keep it at 90 or above for artwork.

Put this tool on your website

Free for any blog, class page or help article. Paste one snippet and your visitors can use it right on your page.