Skip to content
Initurn

Convert SVG to JPG

Files never leave your device. All processing happens in your browser.

Lower means a smaller file. Above 90 the file grows fast for little visible gain.

Pixels. SVG is vector, so it has no fixed size — you choose the resolution to render at.

JPG has no transparency, so see-through areas are filled with this colour.

How to convert SVG to JPG

  1. 1

    Add your SVG files.

  2. 2

    Choose the output width and a background colour.

  3. 3

    Download JPGs that upload anywhere.

This conversion asks you to give up the two things SVG is best at, so it is worth being sure it is the one you want. Vector artwork rendered to JPEG loses its scalability and its transparency at the same time. The reason to do it anyway is compatibility: plenty of upload forms, print services and older document tools accept JPEG and nothing else.

Transparency has to become a colour

JPEG has no alpha channel. Everything the SVG leaves unpainted — which for a typical logo is most of the canvas — must be filled with something. Choose that colour above rather than accepting whatever a converter picks for you, because the default in many tools is black, which is how logos end up sitting in an unwanted dark rectangle.

Match it to wherever the image is going: white for documents and most web pages, or the exact background colour of the slide or page it will sit on. If the artwork genuinely needs to float on a varying background, JPEG cannot do it and PNG is the format you want.

JPEG is the wrong compression for flat artwork

This is the other thing to know. JPEG was designed for photographs — smooth tonal variation, no hard boundaries. Vector graphics are the opposite: crisp edges, large areas of a single flat colour, often text. Those are precisely the features JPEG handles worst, producing faint halos and mottling around every edge, most visible on lettering and thin lines.

  • Use a high quality setting — 90 or above. The usual advice about 80 being enough comes from photographs and does not apply here.
  • Even at maximum quality, expect a slight softness around sharp edges that PNG would not introduce.
  • The JPEG will often be larger than a PNG of the same artwork, because flat colour is what PNG compresses best and JPEG compresses worst.
  • If the destination accepts PNG, use PNG. This page exists for when it does not.

Choosing a size

An SVG has no inherent pixel dimensions, so the output width is a decision rather than a limit. Render at the size the image will actually be used at, doubled if it is for a high-density screen. Going too small is not recoverable — once it is a bitmap, enlarging it only makes it soft.

One practical caveat: SVGs that reference external fonts or images cannot render here, because nothing is fetched over the network during conversion. Convert text to outlines and embed any linked images before exporting, and the result will match your editor exactly. Everything runs in this tab, with no upload.

Questions about SVG to JPG

Why does my logo have a black background?

That is what happens when transparency is dropped without being filled first. JPEG cannot store transparent pixels, so they must become a real colour. Use the background picker above — white is usually the right answer.

Should I use JPG or PNG for a logo?

PNG, unless something downstream refuses it. PNG keeps the transparency and renders sharp edges cleanly, while JPEG blurs them slightly and often produces a larger file for flat artwork.

What quality setting should I use?

At least 90. Vector artwork is full of hard edges and flat colour, which is exactly what JPEG compression handles worst, so the usual photographic advice about 80 being sufficient does not apply.

Why is the JPG bigger than the PNG version?

Because flat colour areas are what PNG compresses most efficiently and JPEG least. For photographs the relationship is the other way round, but vector artwork is not a photograph.

Can I still scale the result?

Not without losing quality. The output is a fixed grid of pixels, so enlarging it makes it soft. Keep the SVG as your master and re-render at a new size whenever you need one.

My fonts came out wrong. How do I fix that?

Convert text to outlines in your vector editor before exporting. The SVG cannot fetch an external font during conversion, so any text relying on one falls back to a system font or disappears.

Related converters