Compress an image for a website

Open Image Compressor

A photo straight from a camera is the usual reason a page feels slow. The layout might only show the picture at 800 pixels wide, while the file is 4000 pixels and several megabytes. Resize it to the width the layout actually uses, then compress it. Compressing a giant image without resizing leaves the browser downloading pixels it will never display.

Image Compressor shrinks JPEG, PNG, and WebP. Product photos and blog heroes can usually lose a lot of weight before anyone notices. Screenshots with small text and logos with flat colour are less forgiving; if the type starts to smear, stop and keep a milder file. WebP is often smaller than JPEG for the same picture if your site serves it.

Do this before the image goes into the CMS, not after the page is already live and cached. The tool does not host the picture for you. It returns a file, and the upload is discarded after the request. No signup.

Prepare an image for a page

  1. Resize the image to the pixel width the layout displays.
  2. Open Image Compressor and download a smaller JPEG, PNG, or WebP.
  3. Put that file in the site. Do not upload the camera original as well.

Related image tools

FAQ

Should I compress or resize first?
Resize to the display size first, then compress. The other order wastes bytes on pixels you throw away.
Will this change the picture on my server automatically?
No. You download a file and upload it to your own site.