Resizing Images by Pixels, Percentage, Preset, or Ratio
What this tool does
Resizing an image means changing its pixel dimensions. This tool gives you four ways to specify the new size: type an exact Width and Height in pixels, scale by a percentage of the original, pick a Preset built for a specific platform, or lock to an aspect Ratio such as 16:9 or 1:1. The redraw happens on the HTML5 Canvas, and the result is re-encoded as JPEG, PNG, or WebP so you can download a file that fits wherever it needs to go.
When to use each mode
Reach for the Percent mode when you just want a lighter copy — dropping a 4000px camera photo to 40% is usually enough to email or post it without the multi-megabyte weight. The Pixels mode suits hard requirements, like a header that must be exactly 1200 wide. Presets cover the sizes that platforms keep changing — profile pictures, thumbnails, cover images — so you don't have to memorise them. Ratio mode is for reframing to 16:9 or squaring an image to 1:1 for a grid.
A concrete example
Say you have a 3024×4032 phone photo that a form will only accept up to 1080px tall. Switch to Pixels, keep Maintain aspect ratio ticked, and set Height to 1080; the Width fills in as 810 automatically so nothing stretches. Choose WebP at around 80% quality, press Resize Image, and the readout shows the new dimensions, the smaller file size, and how much compression you gained before you download.
Notes and edge cases
Maintain aspect ratio is the switch that protects you from squashed faces and warped logos — turn it off only when you deliberately want a fixed shape regardless of the source. Enlarging beyond the original resolution can't recover detail that was never captured, so upscaling a small image will look soft; downscaling is where the tool shines. The quality slider mainly affects JPEG and WebP, trading file size against visible artefacts, while PNG stays lossless and is the right pick for screenshots, logos, or anything with sharp edges or transparency.