Image Resize

Resize PNG, JPG, or WebP with sliders or exact pixel values

Lock the Aspect Ratio Before You Touch the Numbers

The first thing worth finding on this page is the Lock aspect ratio checkbox above the width and height fields. With it checked, typing a new width automatically recalculates the height to match the original proportions, and vice versa, so a 4000x3000 photo resized to 1200 wide becomes 900 tall on its own instead of getting squashed. Next to the pixel inputs, a small percentage readout updates live as you type, showing the new size as a share of the original, so you can tell at a glance whether you're scaling down to 30% for a thumbnail or up to 150% for a print. Turn the lock off only when you genuinely want to stretch or squeeze an image into a fixed shape, such as a banner slot that doesn't match your photo's proportions.

Pixel mode is the default and most precise way to work: type exact numbers, or pick from presets like 1920x1080, 1280x720, or 512x512 for common screen and avatar sizes. Behind the resize itself, the image is drawn onto an HTML canvas at the target dimensions, which uses the browser's built-in image smoothing to interpolate new pixel values from the original. For modest size changes this looks clean; for large reductions, such as shrinking a 6000px photo down to 400px, doing it in one step can occasionally look softer than doing it in two smaller steps, because more source pixels get blended into each output pixel at once. Once resized, pick JPEG for photos, PNG when the image needs a transparent background, or WebP for the smallest file at a given quality, and adjust the quality slider to fine-tune the final size.

How to Use

  1. 1

    Load your image

    JPEG, PNG, WebP, GIF, SVG, BMP, AVIF, and HEIC files are accepted. The original width and height populate the input fields automatically.

  2. 2

    Decide whether to lock the aspect ratio

    Leave it checked to keep proportions intact when you change either dimension. Uncheck it only if you need to force a specific width and height regardless of the original shape.

  3. 3

    Set dimensions by preset, pixels, or the percentage readout

    Click a preset for common sizes, type exact pixel values, or watch the percentage indicator to judge how much you're scaling up or down.

  4. 4

    Choose output format and quality

    JPEG and WebP use the quality slider; PNG always saves losslessly regardless of the slider position.

  5. 5

    Resize and download

    The canvas renders the new image instantly, and the result is ready to save without any upload step.

Key Features

  • →Keep the aspect ratio lock on unless you specifically want to distort the image into a different shape.
  • →The live percentage readout is a quick way to check you're not accidentally upscaling a small image, which adds size without adding real detail.
  • →For dramatic downscales, like turning a 6000px image into a 400px thumbnail, resizing in two passes can preserve a bit more sharpness than one big jump.
  • →WebP typically produces the smallest file of the three output formats at a given quality setting.
  • →PNG is the right call only when transparency matters; otherwise it tends to be the largest of the three formats for photos.

Frequently Asked Questions

What does the percentage number next to the dimensions mean?

It shows the new width as a percentage of the original width, updating as you type. 100% means no change, 50% means half the original size, and anything over 100% means the image is being enlarged.

Will unlocking the aspect ratio distort my image?

If the new width-to-height ratio differs from the original, yes. The image will stretch or compress to fit the exact dimensions you enter, which is sometimes useful for fitting a fixed banner shape but will visibly warp photos.

Why does my photo look slightly soft after a big resize?

Large reductions in size mean many original pixels are being blended into each new pixel. The browser's interpolation handles this well for moderate resizes, but very large reductions can look a touch softer than the source.

Can I enlarge a small image without it looking blurry?

You can increase the dimensions, but the tool can only interpolate new pixels from existing data, it can't invent detail that wasn't captured originally. Enlarging beyond roughly 150-200% of the original usually starts to look soft.

Which preset should I use for a profile picture?

512x512 is a safe square size that covers most platforms' profile photo requirements. With aspect ratio locked, cropping to a square first with the Image Crop tool avoids any unwanted stretching.

Last updated: June 2026

Related Tools