SVG to JPG Converter
You have a vector SVG and need an ordinary photo-style JPG, perhaps for a document, a social post or a site that refuses vector files. This converter draws your SVG at the size you choose and saves it as JPG, with a background colour you pick. Vector shapes turn into fixed pixels, so choose the size with care.
Embed this tool on your websiteShow code
Free to use on any site. Paste the code where you want the tool to appear. It runs inside the page; visitors' files are processed in their own browser and are not uploaded.
WordPress and most site builders have a "Custom HTML" block where this code can be pasted. The embed keeps a small link back to CalcMaster.
How to convert SVG to JPG
- Add your SVG files by dropping them, clicking the drop zone or pasting.
- The output format is already set to JPG. Adjust quality or size if you need to.
- Press Convert and compare the original and new size for each file.
- Download each file or all of them as a ZIP.
When to convert, and when not to
- An upload form or document tool does not accept SVG.
- You need a quick preview or thumbnail of a vector drawing.
- The graphic has no transparency requirement.
- Keep the SVG for anything that must stay sharp at any size or be edited later.
What changes
- The vector is rasterised into pixels at its own size, or a default size if it declares none, then scaled by your resize setting.
- Transparent areas are filled with your background colour, white by default.
- JPG compression is lossy and can smudge thin lines and text.
- Fonts that are not available in your browser, and external images inside the SVG, may not appear.
- Metadata is not kept.
Pick the pixel size once, deliberately
An SVG has no fixed resolution, so a JPG made from it will be exactly as sharp as the pixel size you choose. Use the percent option to scale up from the drawing's own size, or set a maximum width and height. Choose generously if the result may be printed or zoomed, because you cannot enlarge a JPG later without softness.
Drawing the vector at the final size usually gives crisper edges than enlarging a small raster afterwards.
Background colour matters more than it seems
Most SVG logos and icons are transparent. JPG has no transparency, so every empty area becomes your chosen colour. White suits most documents. If the image will go on a coloured page, match that colour to avoid a white rectangle around it.
Why text or images inside an SVG may look wrong
The SVG is loaded by your browser as an image, which is a restricted mode. Text that uses a font installed only on the designer's computer will be shown in a fallback font, and links to external pictures or stylesheets are not fetched. If your drawing depends on those, convert the text to outlines in your vector editor and embed any pictures, then convert again.
Because JPG is lossy, very thin lines may also pick up faint fuzz. Raise the quality slider if that bothers you, or choose PNG for line art.
Preparing the SVG for a clean conversion
Open the SVG in a vector editor first. Convert text to outlines, embed any linked pictures, and make sure the file declares a width, height or viewBox. These steps make the raster result match your design on any computer.
Then convert here, choose a background colour that matches the destination, and set a size large enough for the final use. View the JPG at full size and raise the quality if thin strokes look fuzzy.
Another thing to remember is that JPG blends edges against the background colour you choose, so a thin anti-aliased outline will carry a faint tint of that colour. If you notice it, convert again with a background closer to where the image will be shown, or switch to PNG, which keeps transparency and does not tint edges at all.
Privacy: your files stay on your device
- The tool decodes, resizes and encodes your pictures with your browser. The files are never sent to a server.
- To check it yourself: open the browser developer tools (F12), open the Network tab, convert a file, and look for any request that carries your image. You will see none.
Frequently asked questions
What size will the JPG be?
The SVG's own size, scaled by the resize option. If none is declared, a default size is used.
Can I keep transparency?
Not in JPG. Use PNG instead, or accept a solid background.
Why is my text in a different font?
Fonts that are not available in the browser are replaced. Convert text to outlines first.
Is JPG a good choice for logos?
Often PNG is better for sharp edges. JPG suits photo-like artwork.
Does the SVG leave my device?
No, it is drawn locally in your browser.
Should I use PNG instead for logos?
Often yes, because PNG keeps edges crisp and supports transparency. JPG suits artwork with photographic gradients.