Loading...
Convert SVG to PNG/JPG/WEBP or trace raster images to SVG. All processing happens in your browser.
SVG conversion transforms scalable vector graphics into raster formats (PNG, JPG, WEBP) for web use, or traces raster images into SVG vectors for resolution-independent scaling.
Drag & drop SVG files here, or click to browse
SVG files only • Multiple files allowed
SVG files are rendered onto a Canvas at the chosen scale, then exported as PNG, JPG, or WEBP. Everything runs in your browser—your files never leave your device.
| Format | Best For | Transparency |
|---|---|---|
| PNG | Icons, logos, graphics | ✓ Yes |
| JPG | Smaller file size, no transparency | ✗ No |
| WEBP | Best compression for web | ✓ Yes |
Formula
SVG → Raster: Canvas width = SVG width × scale | Raster → SVG: brightness = 0.299R + 0.587G + 0.114B; pixel → rect if brightness < thresholdscale = Output resolution multiplier (1×–4×); scales both width and height proportionally
brightness = Perceived luminance of a pixel using ITU-R BT.601 weighted RGB formula
threshold = Cutoff value (0–1): pixels darker than threshold become filled SVG rectangles
Worked Example
SVG icon (100×100) exported at 2× scale as PNG
Did you know? SVG files are plain XML text and often 10–100× smaller than equivalent raster images at the same visual quality. A logo that is 50KB as a PNG may be under 2KB as an SVG.
Sources
Convert text to ASCII codes and back. Supports decimal, hex, binary, and octal formats.
Convert width/height to aspect ratios, scale dimensions, and generate responsive embed CSS for any layout.
Calculate required internet bandwidth based on devices and activities in your household.
Encode and decode Base64 strings. Convert text for data URIs, APIs, and safe data transmission.
Create CSS border-radius with visual controls for each corner. Generate circles, pills, and custom shapes.
Create CSS box shadows with multiple layers, live preview, and copy-ready code.