Most SVG to JPG problems happen because an SVG rendered as an image is sandboxed: it cannot load external fonts, linked images or scripts, and it takes its size from its own attributes. Fixing the SVG file itself, by converting text to outlines, embedding images and setting a width and height, solves nearly every case.
Find your symptom below.
On this page
Key takeaways
- External web fonts are not loaded; convert text to outlines or embed the font.
- Linked images are not loaded; embed them in the SVG as data URIs.
- Output size comes from width, height and viewBox; set them explicitly.
- Transparency becomes white in JPG; use PNG to keep it.
Steps shown in the video
- Click Choose SVG Files and select your SVG graphic
- Your file is listed with its size
- Click Convert to JPG
- Download your JPG
Problems at a glance
| Symptom | Cause | Fix |
|---|---|---|
| Text in the wrong font | External font not loaded | Convert text to outlines, or embed the font |
| Photo or icon missing | Linked image not loaded | Embed the image in the SVG |
| JPG is tiny or 800 × 600 | No size, or percentage size | Set width and height in pixels |
| Graphic cut off | viewBox does not cover the drawing | Fix the viewBox |
| White box instead of transparency | JPG has no transparency | Use PNG |
Wrong font in the JPG
Browsers render SVG files used as images in a sandbox that blocks external resources, including web fonts loaded with @import or a link. The text falls back to a system font. In Illustrator, Inkscape or Figma, convert text to outlines (paths) before exporting, or embed the font in the SVG as a data URI.
Images inside the SVG are missing
An image element pointing to a separate file or URL is not loaded for the same sandboxing reason. Export the SVG with images embedded; most editors have an Embed option, which stores the image inside the SVG as base64 data.
The JPG is too small, too big or cut off
- Too small: the SVG's width and height are small, such as 24 × 24 for an icon. Raise them, for example to 1024 × 1024, and keep the viewBox.
- Exactly 800 × 600: the SVG has no usable size, or uses percentages such as width="100%". Set pixel values.
- Limited to 4,096 pixels: the longest side is capped to keep the conversion reliable.
- Cut off: the viewBox does not include the whole drawing. Fit the artboard to the artwork in your editor and export again.
The size rules are listed in full in how to convert SVG to JPG.
Background turned white
That is expected: JPG cannot be transparent, so the converter fills the background with white rather than black. Convert with SVG to PNG to keep transparency. The format differences are explained in SVG vs JPG.
Quick check before converting
Open the SVG in a browser tab to confirm it is valid and looks right. Keep in mind that a tab can load external fonts and linked images that the converter cannot, so if the design relies on them, outline the text and embed the images in your design tool before converting.
SVG to JPG problems: FAQ
Why does my converted SVG use the wrong font?
SVGs rendered as images cannot load external fonts. Convert the text to outlines or embed the font in the SVG.
Why are images missing from my SVG to JPG conversion?
Linked images are blocked. Embed them in the SVG before converting.
How do I make the JPG larger?
Increase the width and height attributes in the SVG, up to 4,096 pixels on the longest side.
Why is my JPG 800 × 600?
The SVG has no pixel size, so the default is used. Add width and height attributes.
Why is the background white?
JPG has no transparency. Use PNG if you need a transparent background.
Fix the SVG, then convert
Outline the text, embed the images and set a pixel size, and the SVG converts to a JPG that looks exactly like the design.
