SVG is a vector format — it stores shapes and paths as mathematical instructions, making it infinitely scalable. JPEG is a raster format — it stores pixels, and is universally compatible with every image viewer, email client, and social platform. Converting SVG to JPG means rendering the vector at a fixed pixel size and saving it as a compressed JPEG. Here are four free methods to do it.
Why Convert SVG to JPEG?
SVG files require an SVG-capable viewer to display correctly. JPEG works everywhere. Common reasons to convert:
- Sharing via email or messaging: many email clients and messaging apps don't render SVG inline — the recipient sees an attachment they can't preview
- Social media uploads: platforms like Instagram, Facebook, and Twitter require raster images — SVG uploads are rejected or displayed incorrectly
- Printing services: many online print shops accept JPEG but not SVG
- Embedding in documents: Word, PowerPoint, and Google Docs handle JPEG reliably; SVG support varies
Key Consideration: Choosing the Right Resolution
SVG is resolution-independent — JPEG is not. When you export, you must decide how many pixels wide and tall the output should be:
- Rule: export at the largest size you'll ever need. You can always scale down, but scaling up a JPEG loses quality
- For web: 1920 px wide is usually sufficient for full-width images; 800–1200 px for content images
- For print: use the DPI formula — width in inches × DPI. A 4-inch wide image at 300 DPI needs 1200 px wide
- For social media: check each platform's recommended dimensions (e.g., 1200×630 for Facebook, 1080×1080 for Instagram square)
Background Color: The Transparency Problem
SVG files often have transparent backgrounds. JPEG does not support transparency — every pixel must have a color. When you convert an SVG with a transparent background to JPEG, the transparent areas become solid white by default. This is usually fine for logos on white backgrounds. If you need a different background color, configure it before or during export. If you need transparency preserved, export as PNG instead using image conversion.
Method 1: Online Converter (Fastest)
An online converter requires no software installation and works on any device:
- Open Picovert's Image Converter in your browser
- Upload your SVG file by dragging it onto the page or clicking to browse
- Select JPG as the output format
- Download the converted JPEG file
Transparent areas in the SVG become white in the output JPEG. The converter renders the SVG at its native dimensions — if you need a specific pixel size, use image resizing after conversion.
Method 2: Browser Export (No Install Required)
Modern browsers can render SVG files and let you save them as images:
- Open your SVG file in Chrome or Edge (drag it into the address bar, or use File → Open)
- Right-click the image and choose Save image as
- Select JPEG as the file format in the save dialog
Notes: Chrome and Edge reliably offer JPEG as a save option. Firefox may default to PNG. The saved image resolution matches what you see on screen — if the SVG is displayed at 600 px wide, the JPEG will be 600 px wide. This may not be high-resolution enough for print.
Method 3: Inkscape (Free, Precise Control)
Inkscape is the best free desktop tool for SVG editing and export. It gives you exact control over output dimensions and DPI:
- Download and install Inkscape for free at inkscape.org
- Open your SVG file in Inkscape
- Go to File → Export PNG Image (Shift+Ctrl+E / Shift+Cmd+E on Mac)
- Set the export resolution:
- 96 DPI — screen quality (equivalent to CSS pixels)
- 300 DPI — print quality
- Click Export As and save as PNG first
- Open the PNG in any image editor and save as JPEG
Alternatively, in newer Inkscape versions, go to File → Save a Copy and choose JPEG directly if the option is available. Inkscape is the most accurate method for complex SVGs with custom fonts and effects.
Method 4: Command Line with ImageMagick
ImageMagick is a free, open-source tool ideal for batch conversion or automated workflows. It requires SVG support via librsvg:
- Install ImageMagick (imagemagick.org, or on Mac via Homebrew:
brew install imagemagick) - Convert to JPEG at 150 DPI (good for web):
convert -density 150 input.svg output.jpg - Convert at 300 DPI (print quality):
convert -density 300 input.svg output.jpg - With explicit white background (recommended for transparent SVGs):
convert -density 150 -background white -flatten input.svg output.jpg - Batch convert all SVGs in a folder:
for f in *.svg; do convert -density 150 -background white -flatten "$f" "${f%.svg}.jpg"; done
The -density flag controls the resolution. Higher values produce larger, sharper output images. The -background white -flatten flags explicitly set a white background before JPEG encoding — always use these to prevent unexpected color artifacts in transparent areas.
Quick Comparison
- Online tool: easiest, no install, good for one-off conversions — limited control over resolution
- Browser: simplest but resolution is limited to screen display size
- Inkscape: most control, handles complex SVGs accurately, best for precise dimensions and high DPI
- ImageMagick: best for batch conversion and automation, full control over DPI and background
For most users, the online converter handles everyday needs. For high-resolution print output or batch jobs, use Inkscape or ImageMagick. After converting, you can further reduce file size with image compression without visible quality loss.