Resizing an image means changing its pixel dimensions—the width and height stored in the file—rather than only reducing its file size. When a website, form, or editor gives a pixel requirement, the delivered file needs those actual dimensions; looking small in a preview does not prove that it meets the requirement. The task itself is simple: select a supported image, check its original size, set the width or height you need, preserve or deliberately change its proportions, choose an output format, and download a new copy. The Image Resizer does this in your browser and updates the preview as the values change. Its aspect-ratio lock adjusts the other dimension, preventing accidental stretching. Processing remains local: the image is decoded on your device, redrawn on an HTML5 canvas at the new dimensions with high-quality smoothing, and re-encoded as PNG, JPEG, or WebP. Nothing is uploaded, there is no processing queue, and the original file stays untouched. This approach suits square avatars, fixed-size covers, thumbnails, upload forms, email graphics, and web images that need predictable dimensions.
What changes inside an image file
Pixel dimensions describe the grid of colored elements that forms a raster image. Width and height are usually written as width × height, and together they determine how many pixels the encoded picture contains. Resizing substitutes a new grid at the chosen dimensions; it does more than change the zoom shown by an image viewer.
Compression has a different job. It re-encodes an image to reduce file size while retaining its pixel dimensions. A photo can therefore be lightweight in bytes but still too large for a form that limits width or height. Conversely, a correctly resized image can still be larger than necessary if its dimensions exceed what the destination needs. When both goals matter, scale to the required size first, then compress further only if needed.
The resize operation creates a new encoded image rather than editing the source in place. After processing, you download that new copy, while the original file on your disk remains unchanged. This distinction also explains why the preview and downloaded file matter: an image scaled by a web page does not prove that the underlying file has the required dimensions.
Read dimensions and aspect ratio correctly
Aspect ratio describes the relationship between width and height—the shape of the original picture. After you pick a file, its original dimensions appear automatically, giving you a baseline before changing anything. The aspect-ratio lock then keeps that relationship intact as you scale.
| Setting | What happens | When to use it |
|---|---|---|
| Lock aspect ratio on | Enter a width or height, and the other dimension follows automatically. | Keep photos, logos, and artwork proportional. |
| Lock aspect ratio off | The picture can be fitted to a deliberately fixed frame, but a shape change can distort it. | Use only when distortion is an acceptable trade-off. |
| Live preview | The result updates as the dimensions change. | Check the new shape before downloading. |
A single width or height limit is straightforward: keep the lock on, enter that value, and let the tool calculate the matching side. If a destination specifies both dimensions, check their ratio first. A locked resize can meet both values when they share the original ratio. If the required frame has a different ratio, resizing alone cannot preserve the shape and fill that exact frame at the same time. Turning the lock off can force the fit, but expect distortion. For a cleaner result, start with an image whose composition already matches the target ratio.
Choose the output format after sizing
PNG, JPEG, and WebP are all available as outputs. Choose based on what needs to be preserved: transparency, broad photo compatibility, or efficient delivery to a modern website. The format choice does not change the target dimensions you entered.
| Format | Useful qualities | Sensible use |
|---|---|---|
| PNG | Lossless encoding that preserves transparency. | Logos, icons, screenshots, and graphics with transparent areas. |
| JPEG | A universal choice for photographs that can produce small files. | Ordinary photos where broad compatibility is the priority. |
| WebP | Usually smaller than JPEG at comparable visual quality and supported by every modern browser. | Images headed to your own website. |
Keep PNG when a logo, icon, or screenshot contains transparency or text that should not be degraded by lossy encoding. JPEG is the straightforward option for a conventional photograph. WebP is a strong practical choice for your own site when modern-browser support is the basis for your decision. The tool re-encodes the resized result in the format you select, so choose deliberately rather than assuming the downloaded file will retain the source format.
Resize the image in three steps
- Pick an image. Open Image Resizer and choose a JPG, PNG, or WebP file. The original width and height load automatically, so you can compare the source with the target before editing.
- Enter the new size. Keep “Lock aspect ratio” ticked, then type the required width or height. The other value follows automatically and the preview updates. If you are intentionally fitting a frame with a different shape, untick the lock only when you accept possible distortion.
- Choose a format and download. Select PNG, JPEG, or WebP, then download the resized copy. Processing occurs in your browser, and the source file is never changed.
Match the result to its destination
Dimensions should reflect where the image will be used, not a vague goal of making it smaller. The following choices cover common jobs:
- Profile pictures and avatars: If the destination requires a square, a square source can be resized cleanly with the lock on. A non-square source would need to be cropped to the target ratio first or resized with distortion.
- Social covers and thumbnails: Use the destination’s fixed frame as the target. Preserve the source ratio when possible because automatic display scaling may not produce the composition you expect.
- Marketplace listings and application forms: Enter the pixel limit as width or height and keep the aspect lock on. Check the downloaded file against the stated maximum before submitting.
- Email signatures: Reduce a large picture to the size at which it will actually be displayed rather than sending unnecessary pixel data.
- Web pages: Scale an oversized photo down to the size the page needs, then compress it if it still carries too much data. This can reduce bandwidth use and help avoid image-size problems associated with Core Web Vitals.
Understand the quality limit
Downscaling is the safest direction in visual terms. A high-resolution original redrawn to fewer pixels generally stays crisp, and the tool uses high-quality smoothing during the redraw. This makes reduction suitable for thumbnails, avatars, form uploads, and web images.
Upscaling works differently. Enlarging beyond the original dimensions cannot invent detail that was not captured. A modest increase may be acceptable for a background or print preview, but a large increase can look soft. More pixels in the file do not automatically mean more picture detail.
That is why it is better to request the smallest dimensions that still meet the destination’s requirement. Do not enlarge a small source merely to reach a preferred pixel count if sharpness matters.
See what happens inside your browser
The processing is local from start to finish. Your image is decoded on your device, drawn onto an HTML5 canvas at the new dimensions with high-quality smoothing, and re-encoded as the chosen output. Nothing travels to a server, there is no processing queue, and sensitive files such as ID photos, documents, or unreleased design work do not leave your device.
This local workflow does not make enlargement sharper, but it does make the resize operation private and predictable. The source stays available on disk, and the download is a separate resized copy.
Check the result before downloading
Use the live preview and destination requirements as a final checklist. Confirm that the displayed width and height match the target, the subject is not stretched, and the chosen format fits the image’s transparency and delivery needs. If the target ratio differs from the source, pause before disabling the lock. For enlargement, expect some softness rather than assuming the preview can restore missing detail. Once everything matches, download the new file and keep the original if you may need another size later.
If you're weighing options, Change Image DPI Explained: Pixels, Size, and Limits covers this in detail.
If you're weighing options, Resize Image for Beginners: A Simple Practical Guide covers this in detail.