Image Resizer - Resize Images Online (WebP ready)

1. Resize in three steps

Set dimensions from the display budget first (hero max width, avatar box, email template column), not from “make it bigger.” Oversized exports waste bandwidth without improving sharpness on typical viewports.

1. Click or drop an image. The tool shows natural width and height and seeds the dimension fields.
2. Edit width or height; with the lock on, the other side follows the original aspect. Unlock only when intentional distortion is acceptable.
3. Pick PNG / JPEG / WebP, adjust quality for JPEG/WebP, run resize, then download the result and spot-check on a phone-sized screen.

2. When this tool fits

Social covers, blog figures, documentation screenshots, and one-off marketing crops are good fits. Shipping a full icon set at 1x/2x/3x with naming conventions is better done in a graphics pipeline. Pair with the image compressor when the resized file still exceeds a channel limit.

3. Downsampling versus upsampling

Shrinking (downsampling) is the common, acceptable path. Enlarging (upsampling) cannot invent detail — edges soften and text becomes mushy. If you need a larger sharp image, go back to a higher-resolution source instead of stretching pixels. Repeated resize cycles accumulate artifacts; prefer one hop from the master file.

• Always downscale from the largest available master.
• Avoid upscaling small assets to “fill” a slot.
• Do not chain five quality drops — export once at the target size.

4. Formats, quality, and transparency

PNG keeps sharp UI edges and alpha. JPEG and WebP suit photographs; use the quality slider to trade bytes for banding. Converting a transparent PNG to JPEG drops alpha and may fill with an opaque background — switch to WebP or stay on PNG when transparency matters. WebP often wins on photo bytes at a given visual budget, but keep a fallback for rare legacy clients.

5. Aspect ratio and cropping

Keep the lock on to avoid squashed faces and logos. Fixed frames (1:1 avatars, 16:9 heroes) usually need a crop before resize; this page focuses on scaling. Compose the crop in an editor or a sibling crop/stitch tool, then return here for the final pixel dimensions.

6. Acceptance before you publish

Keep the original until the published page looks right. Resized derivatives are disposable; the master is not. If EXIF orientation looked wrong in the preview, fix orientation in a photo tool first — canvas draws the decoded bitmap as the browser presents it.

1. Zoom edges and small text — soft halos mean you downscaled too aggressively or upscaled.
2. Confirm file size against the channel cap (CMS, email, chat).
3. Open the result on a phone; desktop retina can hide softness that mobile shows immediately.

7. Channel budgets and export naming

Different channels enforce different silent limits: email CID images, CMS media libraries, chat apps, and app-store screenshots. Write the target width, format, and maximum kilobytes next to the asset request so you do not resize twice. Name downloads with dimensions in the filename (hero-1280.webp) to avoid overwriting masters. When a designer supplies a 4000px PNG, downscale here for web and keep the PNG master in design storage — do not overwrite the master with a 1280px JPEG. If the UI shows unexpected colors after JPEG export, you likely started from a wide-gamut source; compare against a browser canvas preview rather than only against a design tool’s color-managed monitor. Browser memory and max canvas size can reject enormous camera-derived PNGs — convert or downscale offline first if the tab crashes. Animated GIF frames are not a first-class editing surface here; you typically get a single frame bitmap. For print DPI math, compute pixels from inches times DPI yourself; this UI speaks pixels, not inches. When quality sliders appear disabled, you are on PNG where quality is irrelevant — switch to JPEG or WebP to trade weight for fidelity.

• Encode width and format in the download filename.
• Never overwrite design masters with web derivatives.
• Re-check color on photographic JPEGs from wide-gamut sources.