Convert SVG to JPG

What happens to the transparent parts

Most SVG logos and icons have no background: the space around the shapes is transparent. JPG cannot store transparency, so that space has to become a color, and white is what forms, documents and print usually expect. Octoolo fills the picture with white before drawing the SVG on it, so soft, partly see-through edges blend into white the way they would on paper.

If your SVG already has a solid background of its own, such as a filled rectangle behind the drawing, there is nothing transparent to fill, and the JPG keeps that background. For another background color, add a filled rectangle behind the drawing in the Vector Editor first, or export a JPG from there with the artboard's color.

Keeping lines and lettering crisp

JPG was made for photos. Logos and icons are the opposite: flat colors, hard edges, small text. JPEG compression leaves faint ripples around edges and blotches in flat color, and they show most on exactly this kind of picture. Octoolo writes its JPGs at 92% quality, which keeps that to a minimum, and a few habits keep the result clean:

• Make the JPG at the size you need, not smaller. Enlarging a JPG later makes the edges worse.
• Mind brand colors: JPEG can shift flat colors very slightly.
• If the place you are sending it accepts PNG after all, use PNG: it is sharper, and often smaller for flat artwork. See SVG to PNG.

Is it big enough to print?

For print, pixels turn into inches. At 300 dots per inch, a common standard for sharp print, 2,000 pixels covers about 6.7 inches (17 cm) and 8,192 pixels, the largest width the converter draws, about 27 inches (69 cm). That is plenty for a letterhead, a label or an A3 poster. For screens only, like a web form or a slide, 1,000 to 2,000 pixels is more than most uses need.

Check the text before you print, too. Fonts the SVG links to from the web or from another file do not load, so turn text into outlines when you export the SVG from your design program.

A white margin around the drawing

A logo that runs right to the edge of a JPG can look cramped on a form or a printed page. The converter draws the SVG edge to edge, so add the room in the drawing itself: in the Vector Editor, make the artboard larger than the logo and export the SVG again, or export the JPG straight from there. In the Photo Editor, open the JPG, choose Image › Canvas size… and add room around it; the new room is see-through and becomes white when you export a JPG.