CSS Gradient Generator
Build linear and radial gradients with multiple color stops and copy the CSS.
Compress and convert PNG, JPG, WebP, AVIF, GIF and SVG images in your browser.
Drop images here, or paste with Ctrl/⌘+V
SVG, PNG, JPG, WebP, AVIF, GIF, BMP · up to 50 files at once · 25 MB each (SVG 2 MB)
Images are processed in your browser and never uploaded.
No. Images are compressed by your browser and SVGs are optimized with SVGO on your device. Nothing is sent to our servers.
WebP is the best all-round choice for the web and is supported by every modern browser. AVIF is usually even smaller but slower to encode. Use JPG for maximum compatibility and PNG when you need lossless quality.
PNG is lossless, so re-saving it rarely saves much. Converting to WebP or AVIF, or reducing the width, typically cuts the size dramatically.
Yes. Re-encoding removes EXIF metadata such as camera details and GPS location from photos.
Yes. Select or drop up to 50 images together. The same format, quality and maximum width apply to all of them, and you can download each file or everything as a single ZIP.
Raster images up to 25 MB each and SVG files up to 2 MB. Very large images are scaled down to fit your browser's canvas limits.
Build linear and radial gradients with multiple color stops and copy the CSS.
Design layered box shadows with offset, blur, spread, opacity and inset controls.
Compare two texts and see added, removed and changed lines with word-level highlights.
Extract text from screenshots, photos and scanned images with OCR, right in your browser.
Minify text, JSON, CSS, HTML and JavaScript, with automatic language detection.