Convert SVG to JPG

How to use it#

1. Drop an SVG file onto the box above, or paste its markup into the box below it.
2. Set the width or the height in pixels, or press 1×, 2×, or 4× for a multiple of the SVG's own size. The other side follows.
3. Keep the white background, or press Black, pick a colour, or type its hex code.
4. Move the quality slider if you want a smaller file.
5. Check the preview, then download the JPG.

When a JPG is the right choice, and when it is not#

A JPG, also called a JPEG, is the format to use when the destination accepts nothing else: an upload form that lists only JPEG, a print service, an older document editor, or an email that has to show the picture everywhere. It is also smaller than a PNG when the SVG is full of gradients and shading.

For a flat logo, an icon, or a diagram with sharp lines and a few solid colours, JPEG compression leaves faint smudges around the edges, and the file is often larger than the PNG would be. If the destination takes PNG, the SVG to PNG converter gives a cleaner result and can keep the background transparent.

Choosing the background colour#

Most SVGs have no background of their own, and a JPEG has no way to store transparency. Something has to fill the empty space, and the page starts on white, which matches a document, a form, and most upload previews.

A logo drawn for a dark background, in white strokes or white text, disappears on white and comes out as a blank rectangle. Press Black, or pick the colour it is meant to sit on, or type the hex code from the brand guide, such as #0f172a, and the preview redraws on it straight away. For a result with no background at all, convert to PNG instead.

Pick the size first, because it cannot be changed later#

An SVG is a set of drawing instructions, so it is sharp at any size. A JPG is a grid of pixels fixed at the moment it is made, and scaling it up afterwards gives a blurry picture. Choose the largest size you will need.

For a picture shown on a web page, the useful size is the one it is displayed at, doubled for high density screens. For print, multiply the printed width in inches by 300 to get the width in pixels.

The JPG carries no DPI setting of its own, so most programs read it as 72 or 96. If a print service asks for a 300 DPI JPEG, draw it at the pixel size above, then set the number with the DPI changer, which changes the number stored in the file and not the pixels.