SVG to JPG Converter

Drop your vector files into the box above, or paste a block of SVG code, pick the output size and click Convert. Every drawing comes back as a JPG photo-style image with a solid white background, ready to save one by one or, for a whole batch, packed into a single ZIP.

All the work is done inside your browser tab. Your drawings are never sent to a server, which keeps client logos and unreleased artwork private. A batch can hold up to 200 files of up to 30 MB each, both plain .svg and gzip-packed .svgz, and the list tells you the final pixel size of every picture before anything is drawn.

A vector drawing is a list of instructions rather than a picture. That is wonderful for designers, because the same file prints on a business card and on a banner without getting blurry, but plenty of software has no idea what to do with it. Upload forms reject it, email programs hide it, and older office tools show an empty frame.

JPG is the opposite: the most widely understood picture format there is. Cameras save it, phones share it, every operating system previews it, and nearly every website, form, printer kiosk and photo service accepts it without question. When someone simply says send me the picture, a JPG is what they can open.

Turning a vector drawing into a JPG is therefore a way to make your artwork travel. You keep the SVG as the editable original and hand out JPG copies for the places that need ordinary pictures. If you later need a copy with see-through areas, SVG to PNG keeps transparency, and SVG to PDF holds on to the vector shapes for printing.

SVG means Scalable Vector Graphics. Open one in a text editor and you will see readable markup: an outer svg element and, inside it, elements such as path, circle, rect, polygon and text. Each one carries coordinates, colours, line widths and sometimes gradients or filters. Software reads that markup and paints the result at the size it needs.

Because SVG is plain text, it can live directly inside a web page or a code project, and it can be copied straight out of a design program. That is the reason this page accepts pasted code as well as files: you do not have to save anything to disk first.

Some files end in .svgz. They are ordinary SVG files squeezed with gzip compression. The page unpacks them in your browser and handles them exactly like the uncompressed kind.

JPG, also written JPEG, is a raster format: it stores a rectangle of pixels, each with its own colour. To keep files small it uses lossy compression. It splits the picture into small blocks, keeps the information the eye notices most and simplifies the fine detail the eye barely sees. How much is simplified depends on the quality value.

That approach is superb for photographs and soft, colourful illustrations, where a little simplification is invisible. It is less suited to hard edges between flat colours, where a heavily compressed JPG can show faint ripples. Choosing a high quality value and a large enough size avoids that, as explained further down.

JPG has one other property that matters here: it has no alpha channel. Every pixel is fully opaque, so empty areas of a drawing need to be filled with a colour. That is why this page uses a white background by default.

Both JPG and PNG store pixels, but they suit different jobs. PNG is lossless and can be transparent; JPG is lossy, always opaque and usually much smaller for colourful, detailed artwork. For a simple two-colour logo the difference in file size is small, while for a rich illustration full of gradients a JPG can be a fraction of the PNG.

Pick JPG when the place you are sending the picture expects it, when file size matters, or when the drawing will sit on a white page anyway. Pick PNG when you need see-through edges, for example a logo placed over a photo or a coloured header.

Drawings arrive from many places: vector design programs, icon libraries, diagram and charting tools, mapping software, office programs that export SVG, and web projects where icons live as code. Each source writes files a little differently.

A file may declare pixels, millimetres, merely a viewBox, or no size whatsoever. Some rely on fonts that only the designer has. Files saved from a website may expect that site's style sheet for their colours, and without it they appear black. A browser tab preview is a reliable forecast of what this page will produce.

Think of this SVG to JPG converter free in the plain sense: no account, no e-mail address, no watermark stamped on your pictures, no daily quota and no premium tier hiding the useful settings. Every option on the page is available to everyone from the first visit.

That is possible because your own device does the drawing. There is no server farm rendering your files and therefore nothing that needs to be paid for per conversion. The page loads once, then works with whatever your computer or phone can handle.

You can run one batch after another for as long as you like. Convert the same logo in five sizes, try three quality values to compare file sizes, or process a folder of 200 icons, and then do it again with a different background. Nothing counts your conversions.

Getting SVG to JPG free here also means no hidden catch in the output. The pictures are exactly the pixels your browser drew, with no logo of ours, no lowered resolution and no extra data beyond the optional DPI note that Print DPI mode writes in.

Enlarging a JPG photo always costs sharpness, because the extra pixels have to be invented. A vector drawing has no such problem. Its edges are described by geometry, so the browser can paint them at 100 pixels or at 10000 pixels and each version is equally clean.

This page uses that fact. It never paints a small picture and stretches it afterwards. It first writes your chosen pixel size into a copy of the SVG and lets the browser paint every curve and letter directly at that size. That is how you get SVG to JPG without losing quality in the drawing itself, whatever size you pick.

The one step that can cost detail is the JPG compression afterwards, and you control it with the quality slider. At the default of 92 the result looks the same as the drawing to almost everyone; at 100 the remaining traces become practically invisible even under a magnifier.

The quality slider is the single biggest lever for SVG to JPG high quality results. It runs from 50 to 100. Lower values throw away more fine detail to save bytes; higher values keep more of it and produce bigger files. The pixel size is not affected, only how faithfully each pixel is stored.

For logos, text and diagrams with crisp edges, stay between 90 and 100. Flat colours meeting at a sharp edge are where JPG compression shows first, as a faint halo or ripple. For soft illustrations, gradients and painted textures, 80 to 90 is usually indistinguishable from the maximum and noticeably lighter.

Size matters as much as the slider. A drawing saved at 2× or 3× has more pixels along every edge, so any compression traces become finer and harder to see. If a result looks slightly rough, try a bigger scale before raising the quality to 100.

JPG divides the picture into small square blocks and compresses each one. Where a dark letter meets a white background inside one block, the compression can leave a faint grey shimmer around the edge. Photographers rarely notice it; people who make logos often do.

Three things keep it away. Use a quality of 90 or more. Use a larger pixel size, so each edge spreads across more blocks. And keep the background a single solid colour, which compresses cleanly. If an image still has to be perfectly clean at a tiny size, PNG is the better format for that particular job.

It also helps to avoid saving the same JPG again and again. Each new save of an already compressed picture adds another round of simplification. Because you have the vector original, simply convert again from the SVG whenever you need a changed copy, and every version starts fresh.

Scale is the quickest way to choose a size. It multiplies the width and height the SVG was designed at. A banner designed at 728 × 90 becomes 1456 × 180 at 2× and 2912 × 360 at 4×. The custom field accepts any value from 0.1 to 64, so 1.5× or 5× are just as easy.

The design size is read from the width and height attributes of the SVG. When those are missing, the viewBox is used. When both are missing, the file is treated as 300 × 150 pixels, the standard every browser falls back to. The file list shows the result of this calculation for each file.

Many requests come with a fixed number attached: a marketplace wants pictures 1000 pixels wide, a newsletter template has a 600-pixel column, a form demands exactly 500 × 500. Choosing SVG to JPG with size given in pixels is what the Width, Height and Exact size modes are for.

Width fixes the horizontal pixel count and works out the height from the drawing's own proportions. Height does the reverse. Use them when only one side is prescribed, for example a header graphic that has to fill a 1200-pixel-wide column.

Exact size fixes both sides at once. Before converting, scan the file list: every file shows the size it will get, so in a mixed batch of wide and tall drawings you can see straight away which ones will gain empty space around them.

When the box and the drawing have different shapes, Exact size gives you two behaviours. Keep proportions fits the whole drawing inside the box, centres it and fills the leftover area with your background colour. Nothing is distorted and nothing is cropped away.

Stretch makes the drawing fill the box completely by squeezing it in one direction. Letters and circles become visibly distorted, so this is rarely right for logos, but it can suit stripes, abstract backgrounds or bars that are meant to fill a space.

A typical use of Keep proportions is a square product picture: Exact size 1000 × 1000, a white background and some padding, and any logo, wide or tall, lands neatly in the middle of a clean white square.

DPI only matters for paper. Print DPI mode reads the physical size stored in the SVG, in inches, centimetres, millimetres or points, and calculates the pixels for you: a drawing 5 inches wide becomes 1500 pixels wide at 300 DPI and 3000 pixels at 600 DPI.

If the SVG only states pixels, the page follows the browser rule that 96 pixels make one inch. A drawing designed at 480 pixels wide is therefore treated as 5 inches wide and drawn at 1500 pixels for 300 DPI.

The chosen value is also written into the JPG file itself. Word processors, layout programs and many print services read it and place the picture at its intended physical size instead of guessing. You can choose 96, 150, 300 or 600.

Because JPG cannot be transparent, every empty area of the drawing must be filled with something. On this page that fill is white unless you change it. Choosing SVG to JPG white background output gives you exactly what the drawing looks like on a sheet of white paper.

White is the safest choice for documents, forms and printing. It never turns into a black box, which is what happens when some programs meet a transparent PNG they do not understand. It also compresses very efficiently, so large white areas add almost nothing to the file size.

The fill is painted first and the drawing on top, with its own soft anti-aliased edges blending into the white. The result is clean edges with no grey or dark fringe, even around thin lines and small text.

Pick Colour under Background to use any other solid fill. This is handy when a white logo would disappear on white, when a brand colour should frame the artwork, or when the picture will sit on a page with a light grey or cream background and should blend in.

Use the colour picker or type a hex value. The same colour also fills the padding and the leftover space in Exact size with Keep proportions, so the whole picture looks like one designed piece rather than a drawing pasted onto a rectangle.

A tip for dark logos: a very light grey or warm off-white often looks softer than pure white on screens, while still printing cleanly. For light or white logos, a deep navy or charcoal gives strong contrast without the harshness of solid black.

The Transparent button is greyed out while JPG is the format, and that is deliberate. The JPG format has no way to record see-through pixels; any program that saved one would have to fill them with some colour anyway. This page lets you choose that colour instead of leaving it to chance.

If you do need see-through areas, for example a logo laid over a photo, switch the format to PNG or WebP. The Transparent option becomes available again, and the same files and size settings are kept. The SVG to PNG page has those defaults already set.

Padding adds a margin around the drawing, anywhere between none and 30 percent of the picture's shorter edge, filled with the background colour. The overall pixel size stays the same; the drawing is scaled down slightly inside it and centred.

Padding is useful when a site crops pictures into circles or rounded squares, and when a logo should not touch the edges of a product photo frame. Between 8 and 15 percent looks balanced for most logos. The slider sits under the extra options, next to quality.

Padding is also a quick way to give a busy drawing some breathing room on a slide or in a document. A modest margin keeps the artwork from crowding the edge of the frame, which makes it look more deliberate and easier to read.

Upload forms are the most common reason people need a JPG. Job portals, government forms, school systems, online shops, ad platforms and printing services often list JPG as the only accepted picture type. Many also set a maximum pixel size or file size.

For pixel limits, use Width, Height or Exact size and type the number the form asks for. For file size limits, lower the quality to 80 or 85 and check the size shown on the result card. If a picture still needs to be smaller, Resize Image or Compress Image can trim it further.

For e-mail, a JPG attachment opens on every phone and computer, and many mail programs display it right in the message. A width of 1200 to 1600 pixels is plenty for viewing on screen, and keeps the attachment light.

Photo labs, poster kiosks and print-on-demand services usually accept JPG and often prefer it. To prepare a file, make sure the SVG has its real size in inches or millimetres, choose Print DPI 300, keep the white background and set the quality to 95 or 100.

If the drawing only has a pixel size, multiply the printed width in inches by 300 to get the pixels. A 6-inch print needs 1800 pixels, a 10-inch print 3000. Enter that under Width. The DPI note is only written in Print DPI mode, but the pixel count is what decides sharpness on paper.

Colours are saved as standard sRGB, which is what consumer print services expect. Professional presses that require CMYK with a specific profile are better served with the SVG itself or with a PDF, and SVG to PDF keeps the drawing as vectors for that purpose.

Word processors and slide programs differ in how well they handle vector graphics, and a drawing that looks right on your computer can appear broken or missing on someone else's. A JPG removes that uncertainty: it looks the same in every version of every program.

For a letterhead or report, choose Print DPI 300 and a white background. The stored DPI lets the program insert the picture at its real size, for example 5 cm wide for a logo designed at 5 cm. For slides shown on a projector, think in pixels instead: 1920 pixels wide for a full slide, or twice the displayed size for smaller pictures.

Flowcharts, org charts, floor plans, maps and charts are often exported as SVG. To place one in a report, a wiki, a ticket or a chat message, convert it at 2× or 3× with a white background and quality 92 or more, so thin lines and small labels stay legible.

If labels still look soft, increase the scale rather than only the quality; more pixels per letter matter more than a higher setting. Charts that are drawn by scripts need exporting to a fixed SVG beforehand, since embedded code is ignored.

Solid fills, outlines, gradients, opacity, masks, clipping and most filters such as blur or drop shadow are painted just as your browser shows them when you open the SVG in a tab. Semi-transparent parts are blended with the background colour you chose.

Every picture is saved in sRGB, the colour space of screens and of nearly all consumer print services. Large smooth gradients can show faint banding at low quality settings; a quality of 90 or more keeps them smooth.

JPG is preselected and fits sharing, uploads, e-mail and printing. It is always opaque and its file size follows the quality slider.

PNG is lossless and can keep see-through areas. Choose it for logos that go on top of other content or for tiny icons with hairline details. WebP is a newer web format that is often smaller still and also supports transparency; there is a dedicated SVG to WebP page as well.

Switching the format keeps your files, size and background in place, so you can make a JPG and a PNG of the same batch one after the other in a few seconds.

Copied SVG markup from an icon set, a code editor, a design program or a web page? Press Ctrl+V (Command+V on a Mac) while the page is open, and the markup joins the list under the name pasted.svg. You can also click Paste SVG code instead and drop the code into the text box.

Without an svg tag in it, the page rejects the text and says so. Pasted code is treated exactly like a file, with the same size, background and quality settings. It is a quick way to try a colour change in the code and see the result as a JPG straight away.

Select many files in the picker, drag a whole selection from a folder, or keep adding files after the first group. Up to 200 drawings share the same settings, and each keeps its name with the extension changed, so badge.svg becomes badge.jpg.

When the batch finishes, save the pictures individually or as one ZIP archive. Duplicate names get a number added so no file overwrites another. For hundreds of very large images, splitting the work into a few smaller batches keeps memory use comfortable.

A batch does not have to be uniform. Logos, icons, diagrams and maps of very different shapes can share one run; the list shows each one's planned size, so you can spot an odd file, remove it and convert it separately with its own settings.

The page works in any current browser, so SVG to JPG online free is possible on Windows, macOS, Linux, ChromeOS, iPhone, iPad and Android with no app to install. You need only the page itself.

On a phone, tap the box to choose files from your Files app or downloads, or paste code you copied. The pictures are saved like any other download; on iPhone you can then move them into Photos from the share sheet, and on Android they appear in the Downloads folder.

Most tools that call themselves an SVG to JPG converter online send your drawing to a server and send a picture back. This one is online only in the sense that you open it in a browser. After the page has loaded, the conversion happens on your device and nothing is transmitted.

That has three practical benefits. Your artwork stays private. There is no upload or download wait, so even a large batch starts at once. And it keeps working on a slow or unstable connection, because the network is not involved once the page is open.

Windows has no built-in way to save a vector drawing as a JPG at a size you choose. The picture apps that come with it are made for photos, and vector editors are large downloads that office or school computers often do not allow.

The simplest SVG to JPG Windows 11 route is this page in Edge, Chrome or Firefox. Open File Explorer, select the drawings, drag them onto the box, adjust the size and press the button. The JPG files go to your Downloads folder, or arrive together in one ZIP.

No admin rights, no installer and no background service are involved, and the browser can be closed once you are done.

On macOS, Quick Look can preview many SVG files and Preview may open some of them, but neither gives you real control over the pixel size, the background or the quality of an exported picture.

Here is the SVG to JPG Mac route without extra software: load the page in Safari, Chrome or Firefox, pull the drawings out of Finder onto the box, pick a scale, a width or a print DPI, and press the button. The pictures land in Downloads. Apple silicon Macs handle even very large sizes in a moment.

If the drawing is still in a design or code program, copy the markup and press Command+V on the page instead of exporting a file first.

Very large pictures need a lot of memory while they are painted and encoded. A picture of 10000 by 10000 pixels means 100 million pixels, roughly 400 MB of working memory. Desktop browsers usually cope; phones and tablets may stop with an error.

If a big conversion fails, try a smaller scale, fewer files per batch, fewer open tabs or a computer instead of a phone. Anything over the limits is flagged in advance, so no time is wasted on an impossible job.

When a converted picture looks different from the SVG in your design program, text is nearly always the cause. Many SVG files only name a font and expect it to be installed. If your computer has it, the browser uses it; if not, the browser substitutes a similar font and the words change shape and width.

Anything the file pulls in from a URL, web fonts and pictures alike, is skipped as well. A drawing painted this way is not allowed to load anything from the internet, so those parts are left out or replaced by a system font.

The dependable fix is to turn text into outlines, also called paths, in your vector editor before exporting. The letters then become ordinary shapes and look identical everywhere. Pictures can be embedded inside the SVG instead of linked, and then they are drawn too.

Some things are worth knowing in advance. JPG has no transparency, so empty areas are always filled. Web fonts and images referenced by URL are not loaded. SVG files that hold HTML inside a foreignObject element may not draw in every browser; you get a notice if it fails, and Chrome or Firefox tend to cope better.

Animations and scripts are ignored. An animated drawing is captured in its starting state, and any script inside the file does not run, so a chart generated by code needs saving as a fixed SVG beforehand.

Output tops out at 16384 pixels per edge and 120 megapixels. Inputs may weigh up to 30 MB each, with 200 per batch. A phone can hit its memory ceiling well before that.

A JPG's size depends on three things: the number of pixels, the quality value and how busy the drawing is. Doubling the scale quadruples the pixels, so expect roughly three to four times the bytes. Lowering the quality from 100 to 85 often halves the file with little visible change.

Flat artwork with large single-colour areas compresses very well. Gradients, textures, fine hatching and soft shadows compress less, because almost every block holds detail. A map or illustration at 4× can easily pass several megabytes even at moderate quality.

If a site has a strict size limit, pick the size it really needs, then lower the quality step by step while watching the size on the result card. For pictures you already have as PNG, PNG to JPG does the same job without the vector source.

Before sending a picture off, open it at full size and look at three things: the pixel dimensions, the edges of text and thin lines, and whether the background colour is what you expected. The result card shows the dimensions and file size of every picture.

To see the DPI written into a JPG on Windows, right-click it in File Explorer, open Properties and then the Details tab. On a Mac, open it in Preview, then Tools, then Show Inspector. Only Print DPI mode writes this value; the other modes set pixels alone.

View the drawing in a browser tab first and make sure it looks right.

Note where the JPG is going: screen, form, e-mail, print or shop.

Choose Scale for screens, Width or Exact size for fixed boxes, Print DPI 300 for paper.

Keep white for documents and print; choose a colour for white or light artwork.

Set quality to 90 or higher for logos and text, 80 to 90 for illustrations.

Check the planned size in the list, convert, and look at the result at full size.

Vector editors can export JPG files too, with their own size and quality options. They are a good choice if one is already installed and you want to fix the drawing at the same time.

Command-line tools suit developers who rebuild images automatically in scripts. A screenshot of an SVG opened in a browser also gives a picture, but its size is limited to your screen and its edges are often soft.

This page sits in between: nothing to install or configure, and unlike a screenshot it paints at the exact size you ask for, as large as 16384 pixels per edge.

Your drawings stay on your device. The page reads each file with the browser, paints it on a canvas in memory and hands the finished JPG straight to your downloads. No copy reaches our servers, which matters for client logos, contracts with embedded artwork or designs not yet announced.

You can test this yourself. Load the page, switch off Wi-Fi or unplug the network cable, then run a conversion. It completes normally, since there was nothing to send.

Your settings, such as size mode, quality and background colour, are remembered in your own browser for the next visit. They are stored locally and can be cleared at any time together with your browser's site data.

Each SVG is read as text; .svgz files are unpacked first. The page measures the design size from the width, height and viewBox, applies your size mode and lists the planned pixel size for every file.

On conversion, it writes that size into a copy of the markup, fills a canvas of the planned size with your background colour, lets the browser paint the drawing on top and encodes the canvas as JPG at your quality value. In Print DPI mode the DPI is then added to the file header. Your original files are never altered.

Outline all text before exporting the SVG, so no font can be swapped.

For screens, save at twice the display size; for paper, use Print DPI 300.

Keep quality at 90 or above for anything with lettering or sharp edges.

Use a coloured background for white or very light artwork.

Add 8 to 15 percent padding when a platform crops to a circle or square.

Keep the SVG as the master and make fresh JPG copies whenever a new size is needed.

Need the picture smaller for an upload limit? Use Resize Image to change the pixel size or Compress Image to cut the bytes. Have an existing PNG that a form refuses? PNG to JPG converts it directly.

Going the other way, JPG to SVG and PNG to SVG trace a pixel picture into vector paths. Every other converter is collected under Image Tools.