Convert SVG to JPG
Vector in, pixels out. You choose how many pixels, and what fills the space the transparency used to occupy.
An SVG has no fixed resolution, so you have to choose one. The height follows from the aspect ratio. Its own size uses the width and height written in the file, which is often only 24 px for an icon.
JPEG cannot store transparency at all, so a background colour is not optional here — it only decides what fills the transparent areas. White matches most documents; picking your page's own colour avoids a visible rectangle behind the logo.
Vector art is mostly hard edges, which is the one thing JPEG handles badly. Below about 90 you start to see faint haloes along every line.
You have to choose a size, and that is the point
An SVG has no resolution. It is a list of shapes with coordinates, and it is drawn fresh at whatever size it is displayed — which is why a logo stays crisp on a billboard. A JPG is a fixed grid of pixels. Converting means deciding, once, how many pixels you want, and everything else about the output follows from that decision.
The width written inside the file is not a good default. Icon sets exported from Figma or downloaded from an icon library usually declare 24 or 32 units, because that is the size they are meant to be drawn at in an interface. Render at that and you get a 24 px thumbnail. Pick the size you will actually use: 512 for an avatar or an app listing, 1024 for a document or a slide, 2048 for print or a wide hero image.
Why the background colour is not optional
JPEG has no alpha channel — not a limited one, none at all. Most SVGs have a transparent background, so something has to fill it. Leaving it undefined is what produces the black boxes you see behind logos converted by careless tools, because undefined pixels decode as zero, and zero is black.
White is right for documents and print. If the image is going on a coloured page, set the picker to that exact colour and the join will be invisible; otherwise you get a white rectangle around your logo that no amount of cropping fixes. If you need real transparency, SVG to PNG is the tool, and for vector art PNG is usually the better output anyway.
Quality, and why vector art is JPEG's worst case
JPEG was designed for photographs. It works by discarding high-frequency detail, on the assumption that the eye will not miss it — and hard-edged flat-colour artwork is nothing but high-frequency detail. The result is ringing: faint grey haloes along every edge, most visible where black meets white, which is exactly what a logo or a chart is made of.
Quality 92 keeps that below the threshold of noticing at normal sizes. 98 is worth it when the artwork is large blocks of flat colour, where the file stays small anyway. At 80 the haloes are visible if you look, and around small text they are obvious. Notice too that the JPG will often be larger than the SVG it came from — a few kilobytes of shape definitions become a megapixel of pixels.
What the renderer can and cannot reach
The file is parsed, given explicit dimensions and rendered by the browser's own SVG engine, then drawn onto a canvas and encoded. That means full support for gradients, filters, clipping paths, masks and CSS written inside the file.
It also means the render is sandboxed, and two things are genuinely unavailable to it. Fonts referenced by name are substituted, because a rasterising image context does not load webfonts — if type matters, convert the text to outlines in your editor before exporting. External resources are not fetched either: an <image> element pointing at a URL comes out blank, while one embedded as a data URI renders normally. Both limits are the browser's, not this page's, and they apply to every in-browser SVG converter.
Common questions
What size should I choose?
The size you will actually use, not the one written in the file. Icon SVGs commonly declare 24 units, which renders as a 24-pixel thumbnail. 1024 px suits documents and slides; 2048 is for print or full-width images.
Why is there a black box behind my logo?
That is what other converters produce when they leave the transparent area undefined, because undefined pixels decode as black. This page always fills it with the colour you choose, so it cannot happen here.
Should I use PNG instead?
For most vector artwork, yes. PNG keeps transparency, has no ringing along edges, and compresses flat colour extremely well — often smaller than the JPG. Choose JPG when the destination will not accept anything else.
Why does my text look wrong?
The renderer cannot load webfonts, so a font referenced by name is substituted with whatever is available. Convert text to outlines or paths in your editor before exporting and the shapes are preserved exactly.
Nothing appeared except the background — why?
Usually an SVG whose content is an external image reference, which the sandboxed renderer will not fetch. It can also be an SVG with no viewBox and no usable width, or one that is not valid XML.
Is the file uploaded to convert it?
No. The SVG is read, parsed and rendered inside this page. Nothing is transmitted, which also means it keeps working with your connection off.