IMAGES / SVG TO JPG
SVG to JPG converter
This converter turns an SVG file or pasted SVG code into a JPG image. A JPG cannot hold transparency, so the transparent parts of the drawing are filled with a background color, white unless you pick another one. You also set the quality and the pixel size, and the conversion runs in your browser.
How to convert SVG to JPG
To convert SVG to JPG, add the SVG, choose the background color and quality, check the preview and select Download JPEG. Output format is set to JPEG when this page opens, so the first preview is already the JPG.
- Select Choose SVG file, drop the file onto the Add your SVG area, or paste SVG code into the SVG code box. Try an example loads a sample drawing.
- Keep Background color at #FFFFFF for white, or type or pick another color.
- Set Quality (1–100), which starts at 90. Change Width (px), Height (px) or Scale from original if you need another size.
- Select Download JPEG. The file is named after the SVG plus its pixel size and ends in .jpg, such as logo-800x600.jpg.
Start over clears the SVG and the image and puts every setting back to its starting value, with JPEG still selected. The next SVG you add renders as a JPG again.
Transparent areas and the background color
Most SVG files have no background of their own: the space around the shapes is transparent. A JPG has no transparency channel, so the converter first paints the whole image in the Background color and then draws the SVG on top. With the starting white, the empty corners of the example drawing come out as pure white, 255, 255, 255. The status line under the preview names the color in use, such as background #FFFFFF, so you can check it before you download.
Partly transparent shapes blend with that color. A red square at 50% opacity became pink in the JPG, 255, 127, 126, because half of the white shows through. Pick the color of the page or slide the JPG will sit on, so the edges of the drawing blend in. When you need the transparent areas kept, switch Output format to PNG or WebP.
JPG quality and file size
JPG compression is lossy: it drops fine detail to make the file smaller, and Quality (1–100) sets how much. Flat colors and sharp edges, common in SVG drawings, show blocky noise and halos first as the number drops. For logos, icons and diagrams, a quality of 90 or more keeps the edges clean.
The table lists the 400 × 300 example drawing saved at each quality in Chrome 153. Each size is the downloaded file, as the summary under the preview reports it.
| Quality | JPG size |
|---|---|
| 100 | 19.16 KB |
| 90 (starting value) | 7.01 KB |
| 75 | 4.99 KB |
| 50 | 3.92 KB |
| 25 | 3.09 KB |
| 10 | 2.34 KB |
The same drawing saved as a PNG was 8.58 KB, so the JPG was a little smaller at quality 90 and more than twice as large at quality 100. At Scale 2 (800 × 600 pixels) and quality 90, the JPG was 14.62 KB. Other drawings and browsers give other numbers, because each browser has its own JPEG encoder.
Size and sharp edges
The JPG starts at the SVG's own size, read from the width and height on its root svg element, or from the viewBox when those are missing. Original size in the Output settings section shows it. Scale from original multiplies both sides, so Scale 2 turns the 400 × 300 example into 800 × 600 pixels. Fractional sizes round to whole pixels.
Above 800 pixels on the longer side, the preview is scaled down to fit the page, while the download keeps the full size. Shapes and text are drawn at the output size, so a larger JPG has clean edges and is not a small image stretched up. With Lock aspect ratio on, a new Width (px) sets a matching Height (px). With it off, the drawing fits inside the new size, centered, and the space around it takes the Background color.
Limits of static rendering
The resvg renderer draws a still picture of the SVG. Text uses the bundled DejaVu Sans font instead of the fonts the SVG names, and images, fonts or stylesheets linked from other files or servers are not loaded. Scripts and animation do not run, embedded HTML is not drawn, and some filters can render differently or drop out, so check the preview before you use the file. Colors are rasterized to sRGB, the standard color space of the web.
The tool sets no file-size or pixel cap. A size too large for the browser's canvas or memory ends in an error that keeps your SVG and settings, so you can try a smaller width and height. It reads one SVG at a time as UTF-8 or UTF-16 text, gzip-compressed SVGZ files included, and refuses an SVG that declares external entities.
Questions
How do I convert an SVG to JPG?
Choose the SVG file on this page or paste its code, and the JPG preview appears right away, because Output format is already JPEG. Pick a Background color for any transparent areas, then select Download JPEG to save the .jpg file to your device.
How can I convert SVG text to JPG?
Paste the SVG code into the SVG code box. The preview renders about half a second after you stop typing, and the download is named pasted plus its size, such as pasted-400x300.jpg. Text inside the SVG is set in DejaVu Sans, so convert it to paths in your editor first if the typeface matters.
What is the difference between SVG and JPG?
SVG describes shapes as code, so it stays sharp at any size and can have transparent areas. JPG stores a fixed grid of pixels with lossy compression and no transparency. Many upload forms, email programs and document editors accept JPG but not SVG, which is the usual reason to convert.
Is JPG the same as JPEG?
Yes. JPG and JPEG are two names for the same image format, and .jpg is the shorter file extension. This tool lists the format as JPEG and saves the file with the .jpg extension. A program or form that asks for a JPEG file accepts the .jpg file as it is.
Can I convert SVG to JPG on Windows or Mac?
Yes. The converter runs in a current web browser on Windows, macOS, Linux and other systems, with nothing to install. It needs JavaScript, Web Workers, WebAssembly and OffscreenCanvas; a browser without them shows a message instead of a result. The JPG is saved wherever your browser puts downloads.
What program opens a .svg file?
A web browser opens an SVG file: drag it into a browser window. Vector editors open it for editing, so you can change its shapes and text. This page reads an SVG only to convert it and does not edit the drawing. To read an SVG's code, size and viewBox before you convert it, use the SVG Viewer.
Are my files uploaded?
No. The SVG is read, drawn and saved as JPG in a Web Worker in your browser. Its contents and file name are not sent anywhere or kept in browser storage. The renderer and its font load from this site when you add your first SVG.
Related tools
- SVG Viewer: read an SVG's code, size and viewBox before you convert it.
- Compress image: compare smaller versions of the JPG and their sizes before you download one.
- Image DPI changer: set a print density in the JPG without changing its pixels.
- Image converter: turn the JPG into AVIF, GIF, BMP, TIFF or another format.