{# Als einziges Symbol OHNE fill-Attribut: Der Stern zeigt seinen Zustand ueber die Flaeche (.sts-star[aria-pressed="true"] svg { fill: currentColor }). Ein fill am symbol waere ein Praesentationsattribut und schluege die geerbte CSS-Angabe - der gemerkte Stern bliebe dann eine Kontur. #} {# Bedienungssymbole des Notizblocks. Quelle: Lucide (ISC-Lizenz), wie in der Design-Uebergabe "Alltagswerkzeuge v2". Geometrisch statt handgezeichnet: sie stehen in Leisten neben Text, nicht als Kategoriezeichen. #}
Small Things Sorted

Convert SVG to JPG or PNG

Turn a SVG file into a pixel image, at the size you need.

Stays on your device – The drawing happens in your browser. Your files are not uploaded.

Drop your files here

or

You can also paste with Ctrl+V.

What you type is processed in your browser and never sent to us.

How to do it

  1. Pick your SVG

    Drop the file in or choose it. Several at once is fine.

  2. Set the width

    If the file carries its own size, it is already filled in. Otherwise say how wide the image should be.

  3. Choose a format and convert

    PNG keeps transparency, JPG needs a colour underneath. One click and it is done.

What this is for

SVG is the right format for logos and icons - it is just that plenty of programs will not take it. Word, PowerPoint, many print portals and most social networks want a pixel image.

When converting, the width decides how sharp the result is. That is why it has a field of its own: the file is redrawn at exactly that resolution rather than scaled up afterwards. A logo headed for print can happily be 3000 pixels wide; for a website 600 is plenty.

Two things happen deliberately. A SVG file can contain code; here it is only ever drawn, never executed. And anything that would be fetched from someone else's server - an embedded font, say - is left out. The tool tells you when a file contains either.

Common questions

No. The drawing happens entirely in your browser. Your files never leave your device.

Because many SVG files carry no pixel size at all - they describe shapes, not pixels. Without a number the browser would make a 300 x 150 image of it. If your file does carry a size, it is filled in for you.

No. The file is redrawn at the chosen resolution rather than a small image being blown up. The larger the width, the sharper the result - and the larger the file.

The file probably pulls a font from someone else's server. Those are deliberately not fetched - converting a file should not make your device talk to third parties. Embed the font in the SVG, or convert the text to paths first.

A SVG file can contain code. This tool draws it in a context where none of it runs, and tells you when a file contains code.

Missing a tool? Tell us which one.