jquery.app
English
EnglishDeutschFrancaisEspanol日本語Nederlands

HTML Tools

Free Image Compressor and Converter

Compress, resize, and convert images directly in the browser using the HTML Canvas API. Select any image from your device, choose output format (JPEG, PNG, or WebP), set quality percentage, and optionally resize by width or height. The processed image is available as a downloadable file. All processing happens on your machine -- no images are uploaded to any server.

Loading tool...

What is Image Compressor and Converter?

Image Compressor and Converter is a browser-based image processing tool that uses the Canvas API to compress, resize, and convert images. It supports three output formats (JPEG, PNG, WebP) with adjustable quality settings and optional dimension resizing. Because everything runs locally, there are no file size limits and no privacy concerns -- your images never leave your computer.

quickAnswer

Compress, resize, and convert images locally using the Canvas API. Choose JPEG, PNG, or WebP output, adjust quality from 1-100, and optionally set target dimensions. All processing happens in your browser with no file uploads.

Last updated: 2026-06-09

limitations

  • The Canvas API does not support animated images (GIF, APNG, animated WebP). Only the first frame is processed.
  • CMYK or other non-RGB color profiles are not supported by Canvas. Images may appear with shifted colors if using non-standard color profiles.
  • File size estimates are approximations based on format and quality settings. Actual output file sizes may vary depending on image content complexity.

Sources:MDN Web Docs · W3C Specifications · jquery.app on GitHub

How to use this tool

  1. Select an image file from your device using the file picker. The tool displays the original image and its file size.
  2. Choose the output format: JPEG for photos, PNG for images needing transparency, or WebP for modern web use with smaller file sizes.
  3. Adjust the quality slider (1-100) and optionally set a target width or height. The estimated output size updates as you adjust settings.
  4. Download the processed image. The tool shows a before/after size comparison so you can evaluate the compression.

What you can use it for

  • Reduce photo file sizes for web use by converting to WebP or JPEG at 80% quality, cutting file sizes by 50% or more.
  • Convert a PNG screenshot to JPEG for a document submission that does not accept PNG format.
  • Resize product images to a consistent width before uploading to an e-commerce platform.

Use cases

Practical examples

example

Website performance optimization

A web developer has a gallery page with large JPEG photos averaging 2MB each. They use the image compressor to batch-convert them to WebP at 80% quality and resize to 1200px width. The resulting images average 180KB -- a 90% reduction with minimal visual difference.

example

Email attachment size reduction

A user needs to email a high-resolution PNG screenshot that is 15MB. They load it into the compressor, convert to JPEG at 60% quality, and resize to 1920px wide. The output is under 500KB and fits within email attachment limits.

Common mistakes

  • Using JPEG for images with text or sharp edges -- JPEG compression artifacts are visible around text and logos. Use PNG for screenshots, diagrams, and any image with text or solid color areas.
  • Setting quality too low on the first attempt -- start at 80% for photos and adjust downward. A quality setting below 40% produces visible artifacts in most images.
  • Resizing images larger than the original -- upscaling causes pixelation. The tool only downsizes; entering a dimension larger than the original keeps the original size.

verification

  1. Select a JPEG photo, set output format to WebP at 80% quality, and click download. Verify the WebP file opens correctly in a browser and the file size is significantly smaller than the original.
  2. Select a PNG with transparency, set output format to PNG, and download. Verify the transparency is preserved in the output file.

FAQ

Questions about Image Compressor and Converter

Are my images uploaded to a server?

No. All image processing happens in your browser using the Canvas API. Your images never leave your computer. You can verify this by disconnecting from the internet after loading the page -- the tool still works.

What is the maximum file size I can process?

There is no explicit file size limit because processing happens locally. However, very large images (5000+ pixels on either side) may cause performance issues or browser warnings. The tool works best with images under 4000px in each dimension.

Which format should I choose for web use?

WebP generally offers the best compression-to-quality ratio for web images, often producing files 25-35% smaller than JPEG at the same quality. Use JPEG for maximum compatibility with older browsers. Use PNG only when you need transparency.

Does this tool preserve EXIF data?

No. The Canvas API strips EXIF metadata during processing. This includes camera settings, GPS location, and orientation data. If you need to preserve EXIF data, use a dedicated EXIF editor instead.

Related tools

More html tools

Html

ARIA Live Region Generator

Generate accessible ARIA live region HTML snippets with role, aria-live, aria-atomic, and aria-relevant attributes. Includes optional JavaScript update function.

Open tool

Html

CSP Hash Generator

Generate CSP hash values for inline scripts and styles. Hash exact code content with SHA-256, SHA-384, or SHA-512 and get the matching CSP directive snippet.

Open tool

Also try

Also try

Seo

AI Crawler robots.txt Builder

Build a robots.txt policy for AI crawlers. Choose from open, selective, or strict presets and block specific AI training bots while allowing search engines.

Open tool