Choosing the output size
A vector has no fixed pixel size, so the conversion needs one. Set width takes an exact pixel width and starts at 1024, deriving the height from the aspect ratio. Use scale multiplies the SVG own dimensions and starts at a factor of 2.
The aspect ratio is read from the width and height attributes, falling back to the viewBox. When an SVG carries none of the three, the tool assumes 512 by 512 and warns you, which is the one case where the shape of the output can catch you out.
Pick the size you actually need for the destination, plus a factor of two if the image will be shown on high-density screens. Once it is a raster, enlarging it costs sharpness, and re-rendering from the SVG is free.
- Upload one SVG or paste markup
- Set an exact width or a scale factor
- Choose Transparent or a solid background
- Download the WebP
Why WebP is usually the right target
WebP keeps a real alpha channel, so a logo with soft edges, a drop shadow, or an anti-aliased curve exports without a halo. That alone makes it a better raster target than JPEG for anything with a cutout, and unlike PNG it compresses photographic and gradient-heavy artwork efficiently.
The background select offers Transparent, White, Black, and Custom. Transparent is the default and it genuinely produces transparency here, which is the meaningful difference from the JPEG converter where transparent has to be filled in.
If your target is an environment that does not accept WebP, PNG is the safer keep-transparency option and JPEG is the safer no-transparency one. All three routes exist as separate pages and share the same rendering path.
What the renderer can and cannot carry over
Paths, shapes, gradients, strokes, and fills come through as drawn. Animation is frozen at the initial state, so an animated SVG exports as a single still frame.
Scripts and embedded HTML are stripped before rendering, so anything inside a foreignObject element does not appear. Charts exported from certain libraries put their text labels there, and that is the usual explanation when labels vanish from the output.
Fonts are not embedded. Text is drawn using whatever font the browser can resolve locally, so an SVG referencing a webfont you do not have installed renders in a substitute. Converting text to paths in the vector editor before export removes the uncertainty entirely.
- Vector shapes and gradients render faithfully
- Animated SVGs become one still frame
- foreignObject content is removed for safety
- Text needs locally available fonts, or convert it to paths