SVG Tools
Two tabs: Inspect SVG files, or Trace raster images to SVG.
Inspect Tab
[Screenshot: svg-inspect]
Placeholder — captured during E2E tests
Placeholder — captured during E2E tests
- Preview — rendered SVG with grid overlay
- Metadata — width, height, viewBox, element count, file size
- Element breakdown — count by type (path, rect, circle, etc.)
- Color palette — all fill/stroke colors (click to copy)
- Formatted source — pretty-printed with syntax highlighting
- Export raster — PNG/JPEG/WebP at custom dimensions
Trace Tab
[Screenshot: svg-trace]
Placeholder — captured during E2E tests
Placeholder — captured during E2E tests
- 12 presets: Default, Logo, Sketch, Photo, Posterized, etc.
- Side-by-side original vs traced comparison
- Size comparison (original vs SVG file size)
- Traced source with copy/wrap/collapse
- Fit / 1:1 toggle for preview
- SVG files rejected — use Inspect tab instead