WorkspaceImage ToolsClient-Side Sandbox

SVG Viewer

Render and inspect raw SVG vector code with zoom, background grid toggle, viewBox analysis, and PNG rasterization.

Input Buffer

5 ln · 366 ch · 366 B

ENCODING: UTF-8AUTO-RUN: ENABLED

Output Buffer

OUT: 1 LN · 0 B⌘↵ RUN · ⌘⇧C COPY

How to Use SVG Viewer

Paste SVG markup into the editor to preview the live vector graphic and export as SVG or rasterized PNG.

Run / Process tool outputCtrl + Enter

Copy primary output to clipboardCtrl + Shift + C

Open global command paletteCtrl + K

Compress PNG, JPEG, and WebP images locally using HTML5 Canvas with adjustable quality slider and before/after size comparison.

Resize images to exact pixel dimensions or percentage scales with aspect-ratio locking and high-quality bicubic smoothing.

Crop images to custom X/Y/Width/Height coordinates or aspect ratio presets (1:1, 16:9, 4:3, 3:2) in the browser.

Convert transparent or opaque PNG images to JPEG format with configurable background fill color and quality.

Convert JPEG photographs and graphics into lossless 32-bit PNG images in the browser.

Convert PNG, JPG, or SVG images into modern high-efficiency WebP format (or WebP back to PNG).