IT Market
Tools/Images/SVG to JPG Online — Rasterise a Vector
READY > SYSTEM READY
SVG
JPG

ЗАГРУЗИТЬ
ФАЙЛ

Ожидание файла...

Превью

Tool guide

SVG to JPG Online — Rasterise a Vector

JPG gets accepted where SVG does not: government forms, marketplace listings, an email attachment, a print shop. You pay for that twice over. JPG has no alpha channel at all, so empty background is filled white — always, with no switch to turn it off. And the compression is lossy, at its worst precisely on vector art: a halo appears along every sharp contour. That is why the quality slider matters more here than it does on a photograph. See also: the same vector as PNG when you need transparency, the way back: trace a JPG into vector, squeeze the finished JPG under a form limit.

How to use it

  1. Drag the SVG onto the upload field or pick the file. When it carries no width, no height and no viewBox, the page falls back to 512 px and says so in the status line.
  2. Choose «As in the SVG (1x)», 2x, 4x or 8x in the «Size» list, or type an exact width — the height follows the aspect ratio on its own.
  3. Stay under 8000 px on the long side: the browser canvas gives out above that, and the page warns you in a separate line.
  4. Set «Quality JPG»: on flat art and logos 92 keeps the contours clean, while 70 saves weight at the cost of a visible halo along the lines.
  5. Press «DOWNLOAD». The «RESET» button clears the page when another vector is coming next.

FAQ

Why did the background come out white instead of transparent?

Because JPG has no alpha channel at all: every pixel is opaque by definition of the format. The emptiness has to be filled with something, and the page paints it white before drawing the vector. There is no switch for it — that belongs to the PNG converter, where the format can actually store transparency. If the logo is going onto a coloured page, the white rectangle around it will show, and PNG is the right answer.

What quality should I use for a vector rather than a photo?

Start with the 92 that is already set. Vector art is the worst case for JPEG: the algorithm is built for gradual transitions and instead meets a hard edge between two flat fills, which it answers with a halo of light and dark speckles. On a logo or a diagram that shows up around 80 already. If your SVG is full of gradients and soft shadows it behaves more like a photograph, and 70-75 will pass unnoticed.

How far can I scale the vector up on the way to JPG?

Up to 8000 pixels on a side; beyond that the canvas leaves what a browser will hold, so the page clamps to the limit and tells you. Note that this is not upscaling: the vector is drawn again at whatever size you choose, so the contours at 8000 px are exactly as crisp as at 200. The ceiling is technical and says nothing about the quality of your source.

The page says the export is blocked. What does that mean?

Your SVG pulls something in from outside — an image by URL or a font from another domain. The browser treats such a canvas as tainted and refuses to let an image out of it; that is its security rule, not a fault in the tool. Open the SVG in a text editor, find the external references and embed them: turn a raster into a data URI, convert the text to outlines.

The text in the result shifted or disappeared. Why?

The font the vector was labelled with is missing from the system, so the browser substituted its own. Letter widths changed, and the caption sprawled or ran into a neighbouring element. The cure lives in the source: convert the text to curves in your editor before exporting the SVG. The letters become ordinary outlines and render identically everywhere.

Does the file go to a server?

No. The SVG is read through FileReader, drawn onto a canvas and exported to JPG by the tab itself — no network request carries your file anywhere. Unreleased mock-ups and drawings under NDA can go through this page safely. Nothing is left behind once the tab is closed: there is no file history here either.

Examples

A logo for a marketplace listing
Before: logo.svg, 200×100 in the attributes, transparent background
After: 4x at quality 92 — logo.jpg at 800×400 on white, contours free of haloing
A diagram for a report and for print
Before: scheme.svg with no size in the file
After: the page assumed 512 px, I typed 1600 — scheme.jpg drops into the document and goes to the printer