Image Compression Widget

ImageCompression darkImageCompression color darkImageCompression dimImageCompression light

The Image Compression widget lets you compress and optimize images right on your dashboard. Drop a PNG, JPG, or SVG file and get a smaller version in seconds - everything happens in your browser, so your images are never uploaded to a server.

#How to Use

#Compressing an Image

  1. Drag and drop an image onto the widget, or click the drop zone to browse for a file.
  2. The widget compresses the image and shows a side-by-side preview of the original and compressed versions.
  3. The savings percentage tells you how much smaller the file became.
  4. Click Download to save the compressed image. The file is saved with "-compressed" added to the original filename.

#Compressing Another Image

Click the reset button to go back to the drop zone and compress a different image.

#Supported Formats

  • PNG - lossless compression with optimization
  • JPG / JPEG - lossy compression with adjustable quality
  • SVG - code-level optimization (removes unnecessary metadata, cleans up paths)

The maximum file size is 10 MB.

#Quality Presets

Choose a quality level that fits your needs:

  • Max Compression - smallest file size, lower quality (JPEG quality 60%)
  • Balanced - a good middle ground between size and quality (JPEG quality 75%). This is the default.
  • High Quality - best visual quality, larger file size (JPEG quality 85%)

#Widget Settings

  • Quality - choose between Max Compression, Balanced (default), and High Quality.
  • Strip EXIF/Metadata - remove extra data like camera info, GPS coordinates, and editing history from image files. Turned on by default.

#Tips

  • All compression happens in your browser - your images stay private and are never sent to any server.
  • For SVG files, enabling "Strip EXIF/Metadata" removes XML comments, editor data, and other unnecessary code for even smaller files.
  • Use "Max Compression" when file size matters most (like email attachments), and "High Quality" when visual quality is the priority.
  • You can drop a new image onto the widget even while viewing a previous result.