File tool

Image Compressor

Compress images locally before uploading them to websites, CMS dashboards, emails, listings, or documentation.

Compress images before publishing

Large images slow down pages, emails, product listings, documentation, and uploads. This compressor lets you resize and export JPG, PNG, or WebP files with a quality slider and max-width control before the image leaves your device.

The compressor uses the browser canvas API to resize and export an image. The file stays on your device.

Best uses

  • Reduce a photo before adding it to a blog post or landing page.
  • Export a WebP image for better web performance.
  • Resize screenshots before attaching them to documentation or support tickets.

Best for

  • Images that are too large for a web page, upload form, or email.
  • Smaller JPG, PNG, or WebP files for docs, blog posts, and listings.
  • Screenshots that need a lower max width before sharing.

Image compression examples

  • Compress a large JPG photo before adding it to a web page.
  • Resize a screenshot to a smaller maximum width for a support article.
  • Export a WebP version when you want a smaller file for modern browsers.

Related design tools

Use the Color Converter when working with UI colors, the Markdown Preview for image-heavy docs, and the Word Counter for captions and descriptions.

FAQ

Are images uploaded?

No. The image is processed locally with the browser canvas API.

Why can PNG output be larger?

PNG is lossless and can be larger for photos. JPEG or WebP usually compress photographic images better.

Does it preserve metadata?

Canvas export usually removes metadata such as EXIF. That can reduce size but may remove camera details.

Which format usually makes photos smallest?

JPEG and WebP usually compress photos better than PNG, especially at moderate quality settings.

Can this reduce image dimensions?

Yes. Use the max-width control to resize large images while compressing them.