Loading…
Loading…
Shrink SVG files with svgo — remove editor junk, shorten paths and numbers — and compare before/after previews and sizes, for pasted code or many files.
Also covers: SVG minifier · SVG compressor · SVGO online
Uses svgo's default preset: removes editor metadata, comments and hidden elements, shortens paths, numbers and colours, and merges groups. The viewBox and titles are kept. Lower precision can visibly distort small icons — compare the previews.
Result
—
Paste SVG code.
Several files at once are fine.
Compare previews and sizes (also gzipped), then copy or download — or get all files as a ZIP.
Editor metadata, comments, hidden elements, default values and redundant groups; it also shortens path data, numbers and colours. The viewBox and <title> are kept.
Normally not. Very low precision can distort small or detailed icons — compare the two previews.
If CSS, JavaScript or <use> references elements by ID, keep them; otherwise svgo shortens or removes them.
No — svgo runs in your browser.
Colour
Pick any colour with a saturation/brightness square, from anywhere on your screen (EyeDropper), or from a photo — and get it in HEX, RGB, HSL, OKLCH and more.
Colour
Convert any colour between HEX, RGB, HSL, HSV, HWB, CMYK, Lab, LCH, OKLab and OKLCH, with the nearest CSS colour name.
Palettes
Build a palette from one colour — a 50–950 shade scale or complementary, analogous, triadic and other harmonies, worked out in OKLCH — and export CSS, Tailwind, SCSS or JSON.
Colour
Pull the main colours out of a photo or logo, with how much of the image each covers, and export them as CSS variables or JSON.
Accessibility
Check text and background colours against WCAG 2.2 AA and AAA, see the exact contrast ratio, and get the closest colour that passes.
CSS
Design linear, radial and conic CSS gradients with any number of colour stops and vivid OKLCH blending, and copy the CSS.