Convert SVG to JPG

Drop SVG files here and get JPG images back. Keep the size your SVG declares or pick a long edge from 512 to 4096 pixels: the vector is drawn at that size, so edges stay sharp however large you go. JPG has no transparency, so any transparent areas come out white. The conversion runs in memory at api.mochify.app and nothing is saved to disk.

How to convert SVG to JPG

1. Pick a size. Original keeps the size your SVG declares: its width and height, or its viewBox when those are missing. Or choose a long edge of 512, 1024, 1200, 2048 or 4096 pixels, and the other side follows the SVG's proportions.
2. Drop your SVGs. Up to 3 at a time on the free plan, 25 on a paid plan.
3. Download your JPG files. Anything transparent in the SVG is filled white, which suits a logo on a white page, email or document.

Which size to pick

• Original: you already set the size in your editor.
• 512 px: app icons, favicons and avatars.
• 1024 px: logos and graphics on web pages, sharp on high-density screens.
• 1200 px: social link previews; 1200 pixels is the usual width for an Open Graph image.
• 2048 px: hero graphics and slides.
• 4096 px: print and high-resolution masters.

Because the vector is redrawn at the size you pick, nothing is stretched from a smaller image, and 4096 is as crisp as 512. A JPG cannot be enlarged later without going soft, so pick the largest size you will need.

What happens to your SVG

An SVG is a set of drawing instructions; a JPG is a grid of pixels. Turning one into the other fixes the size and flattens anything that depended on a browser at display time:

• Size: the long edge you pick, or with Original the SVG's width and height (or its viewBox when those are missing). A file with none of the three has no size to work from, so add a viewBox or a width and height first.
• Transparency: filled white. JPG cannot store transparency, so transparent areas become white and semi-transparent edges blend into white.
• Quality: encoded with jpegli at quality 90, the same as quality=90 through the API. JPG is lossy, so on flat color and hard edges a close look can show faint artifacts; PNG keeps every pixel exact.
• Text: rendered, but web fonts linked by URL are not fetched, so live text falls back to a default font. Convert text to outlines before you export if the typeface matters, which for a logo it always does.
• Linked images: an image the SVG loads from a URL is dropped without warning. Images embedded in the file render.
• Animation: ignored. You get the SVG as it looks before anything moves.

When a JPG copy of an SVG is the right call

Keep the SVG wherever it is accepted: on your own site it stays sharp at every size and is usually the smaller file. Make a raster copy for the places that refuse or strip SVG. Our SVG conversion guide walks through the decision platform by platform.

Pick JPG when the destination accepts nothing else: some upload forms, marketplaces, print services and older software take JPEG only. If the logo needs to sit on a colored background, keep its transparency with SVG to PNG; for a page on your own site, SVG to WebP keeps transparency in a smaller file.

Converting SVG to JPG without a converter

• Inkscape (free, Windows, Mac and Linux, version 1.2 or later): File > Export, choose JPG in the Export dialog, set the DPI or pixel size and the background color, and export.
• Figma: select the frame or layer, add a JPG export in the Export panel at the scale you need, and export. Give the frame a fill first, or transparent areas come out white.
• A browser screenshot is not a route: it captures the screen at display resolution and bakes in the background.

Limits, bulk and automation

Without an account you can convert 3 images a month; a free account gives you 25 a month, up to 3 at a time, 20MB each. Paid plans (Seller, Pro and Growth) take batches of 25 and files up to 75MB, and a $2 Day Pass gives 100 uploads over 24 hours with no account. The pricing page has the plans.

The same conversion works through the REST API on every plan, Free included. Send the raw SVG to POST /v1/squish; full reference in the API documentation:

curl -X POST "https://api.mochify.app/v1/squish?type=jpg&width=1200" \
  -H "Content-Type: image/svg+xml" \
  -H "Authorization: Bearer $MOCHIFY_API_KEY" \
  --data-binary @logo.svg \
  --output logo.jpg

width sets the output width in pixels and the vector is drawn at that width; leave it out to keep the SVG's own size. Transparent areas are filled white; add &background=black, or a hex color such as &background=%23F5F5F5 (#F5F5F5, with the # written as %23), to fill with something else.