🖼 Image Tools

Image Resizer & Compressor

Resize by pixels, percentage or social preset, then compress to the file size you need. Nothing is uploaded.

Overview

Image Resizer & Compressor: resize by pixels, percent or preset

Resize an image to exact pixel dimensions, to a percentage of its original size, or straight to a social media preset — then compress it to the file size you actually need. Everything happens inside your browser using a canvas, which means your photo is never uploaded to a server, there is no queue, and there is no watermark on the result.

The two jobs people usually conflate are handled separately here. Resizing changes the pixel dimensions, which is what matters for layout and upload limits. Compression changes how much detail is thrown away when encoding, which is what shrinks the file without changing its dimensions. You can do either or both, and the before-and-after panel shows exactly what you saved.

100% freeNothing uploadedNo watermarkBatch-free simplicity
How to use it
  1. 1Choose an image, or drag one onto the drop area.
  2. 2Pick a sizing mode: exact pixels, a percentage, or a ready-made social preset.
  3. 3Choose the output format and, for JPG or WebP, the quality level.
  4. 4Press Resize & compress, check the size saved, and download.
Key features
  • Three sizing modes: exact pixels, percentage scale, and ten social and display presets
  • Contain, cover and stretch fitting, with cover cropping evenly from the centre
  • Aspect ratio lock so editing one dimension updates the other
  • JPG, WebP and PNG output with a quality slider where it applies
  • Before-and-after file sizes with the percentage saved
  • Entirely client-side — the image never leaves your device

Frequently asked questions

Is my image uploaded anywhere?
No. The file is read into a canvas in your own browser and re-encoded there. Nothing is transmitted, which also means it works offline once the page has loaded.
What is the difference between contain, cover and stretch?
Contain fits the whole image inside your target box, so one dimension may end up smaller than requested. Cover fills the box completely and crops the overflow evenly from the centre. Stretch forces the exact dimensions and will distort the picture if the ratio differs.
Which format should I choose?
JPG for photographs, WebP if you want the same quality at a smaller size and your audience is on modern browsers, and PNG when you need transparency or lossless output such as for logos and screenshots of text.
What quality setting should I use?
Around 80 is the usual sweet spot: the difference from the original is essentially invisible while the file is dramatically smaller. Below about 50 you start seeing blocky artefacts around edges, and above 90 the file grows fast for very little visible gain.