Designer Toolkit
Optimize images and vectors, generate assets, keep everything crisp.
11 tools for the job
Hand-picked and ready. Open any tool to get started.
SVG Optimizer
Minify and clean SVG files in your browser with SVGO, strip editor metadata, round coordinates, drop hidden layers and see the exact bytes and percentage saved. Nothing is uploaded.
SVG to React
Convert SVG to a clean React component in your browser, camelCased attributes, TypeScript or JS, memo, forwardRef and React Native output, with a live preview. Nothing is uploaded.
Image Compressor
Shrink JPG, PNG and WebP images without a visible quality drop. Set the quality yourself, or compress to an exact target size like 100 KB. Free, entirely in your browser.
Image Resizer
Resize any image to exact pixel dimensions with an optional aspect-ratio lock and ready-made social presets, free and fully in your browser.
Crop Image
Cut an image down to the exact part you want. Drag a crop box, snap to a ratio like 1:1 or 16:9, and export the trimmed area: free, private, in your browser.
WebP Converter
Convert PNG and JPG images to WebP for smaller, faster-loading files, and turn WebP back into PNG or JPG when you need wider compatibility. Free and in-browser.
SVG Blob Generator
Generate smooth, organic SVG blob shapes with sliders for complexity, edge contrast and size, solid or gradient fills, and a seeded re-roll, then copy the SVG or download SVG/PNG. 100% in your browser.
SVG Gradient Generator
Design linear, radial and conic gradients with draggable color stops and an angle dial, then export a scalable SVG and a ready-to-paste CSS background side by side. Live preview, copy, download SVG/PNG: 100% in your browser.
PNG to SVG
Convert PNG, JPG or WebP to SVG in your browser: trace a raster image into clean, scalable vector paths with adjustable colors and detail, then copy or download the SVG. Nothing is uploaded.
SVG Wave Generator
Generate layered SVG wave dividers for section transitions: sliders for height, amplitude, wave count and layers, per-layer colors or a gradient, and a flip toggle, then copy the SVG or download SVG/PNG. 100% in your browser.
SVG Color Editor
Detect every color in an SVG and recolor it live: fills, strokes and gradient stops become clickable swatches you can remap with a picker or hex, with an instant preview. Bulk-replace, swap to currentColor and export, all in your browser, nothing uploaded.
Frequently asked questions
Start with SVG Optimizer
Free, private and instant: everything runs in your browser.