SVG to JPG Converter
Converted on a canvas in your browser. Nothing is uploaded.
JPEG has no alpha channel.
The SVG to JPG converter rasterises a vector file into a JPEG at its natural size, compositing transparency onto a background colour you choose. That last part is not optional: JPEG has no alpha channel, so transparent areas become black unless something is painted underneath first.
How it works
- The SVG is loaded as an image, which the browser renders using its own SVG engine.
- The canvas is filled with the chosen background colour.
- The rendered vector is drawn on top at its intrinsic dimensions.
- The canvas is exported as JPEG at the chosen quality.
Rasterising is a one-way conversion. The output is a fixed grid of pixels, so it no longer scales cleanly. Enlarging the JPEG produces soft edges where the SVG would have stayed sharp at any size.
The output size comes from the SVG’s width and height attributes. An SVG with only a viewBox and no explicit dimensions rasterises at whatever default the browser picks, which is usually 300 by 150.
Examples
A logo with transparency
Input
A transparent SVG logo
Fill
#ffffff
Result
A JPEG with a white background instead of transparency
Without the fill, the transparent region would export as black, the most common surprise when converting to JPEG.
An SVG with no dimensions
Input
An SVG with a viewBox but no width or height
Result
Rasterises at the browser default, usually 300 × 150
Add explicit width and height attributes to the SVG before converting if you need a specific output size.
Frequently asked questions
Why is my transparent SVG black in the JPEG?
Because JPEG has no alpha channel. Transparent pixels have no colour, and an unfilled canvas exports them as black. Setting a background fill composites the artwork onto that colour first, which is what this tool does by default.
How do I control the output resolution?
By setting width and height on the SVG itself before converting. The rasteriser uses the intrinsic size, so an SVG with only a viewBox renders at the browser default of about 300 by 150 regardless of how the artwork is drawn.
Should I convert to JPEG or PNG?
PNG for anything with flat colour, hard edges or transparency, which describes most SVG artwork. JPEG only when the SVG contains photographic imagery or a complex gradient, where its compression actually helps.
Can I convert back to SVG afterwards?
Not meaningfully. Rasterising discards the vector paths and leaves a pixel grid. Tracing software can approximate paths from the image, but the result is a new file that only resembles the original.