Free tool
SVG to JPG: Flat Pictures from Vector Files, with a Background You Choose
Some tools only take a JPG, and a vector file has clear areas that a JPG cannot hold. This page draws each SVG at the width you pick, fills the empty parts with white or black, and saves the result at the quality you set.
SVGs are drawn and saved as JPG in this page without any upload. Your width, quality and background are remembered only on your device.
Why you might want a flat JPG from a vector
Think of a team that needs a diagram for a document system that refuses SVG, or a client who wants a chart attached to an email that previews only JPG files. A JPG is simple and universal, so flattening the drawing solves the problem.
Drop the SVG files in. Choose a width from the four buttons or type a value from 16 to 8000 pixels. The height follows the drawing so the shape is not squashed.
The three controls and what they trade
| Control | Values | What changes |
|---|---|---|
| Width (px) | 512, 1024, 2048, 4096 or your own | Pixel size, and with it the file weight |
| Quality | 40 to 100, starting at 90 | Detail kept in the compressed file |
| Background | White or black | Colour behind any empty part of the drawing |
Vector line work has hard edges, so low quality values show a fuzzy halo around shapes and letters sooner than a photograph would. If the picture contains text, keep the quality high.
When a JPG is the right call and when it is not
A JPG suits an email attachment, a document, a chat message or a form that will not take anything else. It is a poor choice for a logo that must sit on a coloured page, because the fill colour becomes part of the picture and shows as a box.
It also helps to think about the viewer. A reader who only needs to see the diagram does not care about the format. A designer who will place the file on a layout does, and should get the PNG or the original SVG.
If you are unsure, export both. The PNG page uses the same width buttons, so the two files come out at matching sizes.
Matching the background to the artwork
- Dark logo or dark lines: use the white background.
- White or very pale logo: use black, otherwise it disappears.
- Brand colour fills: either works, so choose the one that matches the page where the picture will sit.
If you need the empty areas to stay empty, a JPG is the wrong format. The SVG to PNG page keeps them.
Small mistakes that spoil an export
- Choosing a tiny width for a picture that will be shown large. Check where it will appear first.
- Sending a JPG as the master copy. Keep the SVG and treat the JPG as a disposable copy.
- Re-saving the JPG again and again, which adds a little loss each time. Export fresh from the SVG instead.
- Forgetting that the white fill is part of the picture. It will not blend into a coloured page.
Charts and diagrams for a website often live better as SVG on the page itself. Our Webflow development work places vector graphics directly where the format helps.
Keeping the file light
Weight comes from two things, the width and the quality. A flat illustration with big blocks of colour compresses well, so a quality in the 80s is often enough. A detailed map or a chart with tiny labels needs more. Try one file, read the size in the list, and move the slider until the picture looks right and the number looks sensible.
Remember that every change re-draws the whole batch, so settle on the width first.
Frequently asked questions
What width should I use?
Match the place where the JPG will be shown. The 1024 px button is a fair middle choice, and 2048 px suits full screen use.
Why is the background white?
Empty parts of the drawing cannot stay empty in a JPG, so they are filled. White is the starting choice and black is one click away.
Does a higher quality always look better?
Higher values keep more detail, but past a point the gain is hard to see while the file keeps growing.
Can I do a whole folder?
Yes. Drop it onto the box and all the SVG files are drawn in turn, with a ZIP at the end.
Will it keep the exact shape of my drawing?
Yes. The width is set by you and the height follows the drawing, so nothing is stretched or cropped.
Is there a size limit on the SVG?
The page does not set a limit of its own, but a very complex drawing may take longer to draw in your browser.
Can I save the JPG as a smaller file?
Lower the quality, or lower the width. Both reduce the weight, and the list shows the new size straight away.
More free tools
- SVG to PNG converter: Export SVG files as PNG at a width from 16 to 8000 pixels, one or many at a time.
- image converter: Convert a mixed set of pictures to JPG, PNG, WebP, AVIF or ICO in your browser.
- image compressor: Compress pictures to a quality level or a target size in KB, with a before and after view.
- PNG to ICO converter: Turn a PNG into an ICO with the sizes you choose, or download a favicon set for a site.
- image resizer: Resize pictures by pixels or percent with fit, crop or stretch, presets and file type choices.