IT Market
Tools/Images/Resize an Image Online — Set Width and Height
RESIZE
IMAGE

ЗАГРУЗИТЬ
КАРТИНКУ

Нажмите или перетащите картинку

Ожидание файла
Ожидание загрузки...

Tool guide

Resize an Image Online — Set Width and Height

This tool changes geometry, not format: you type exact numbers into the Width (px) and Height (px) fields and the browser redraws the frame at that resolution. It is what you need when a 4032x3024 phone photo will not fit an avatar slot, a platform's cover spec or an attachment limit, and installing a real editor for one picture is overkill. Any image/* file works - JPG, PNG, WebP, GIF - and the scaling is done by Canvas on your own machine. See also: crop the frame to an exact aspect ratio, bring the file down to a size limit in KB, turn a portrait shot into landscape.

How to use it

  1. Click the UPLOAD IMAGE area and pick a picture; the input takes any image/*, including JPG, PNG and WebP.
  2. Leave the Keep aspect ratio checkbox on unless you want the frame squashed along one axis.
  3. Type the number you need into Width (px); with the ratio locked, the other side recalculates by itself.
  4. If a platform demands fixed dimensions, uncheck the box and set Height (px) by hand, accepting the distortion.
  5. Press EXPORT RESIZED and save the file; RESET restores the original field values.

FAQ

What pixel width should a website image be?

For an in-article image, 1200-1600 px on the long edge is usually enough; a product card in a listing needs 600-800 px, and thumbnails 300-400 px. Aim for roughly twice the CSS width of the block: that covers high-density screens without inflating page weight.

What does the Keep aspect ratio checkbox do?

With it on, you type one dimension and the other is derived from the source ratio, so nothing is deformed. Turn it off and Width and Height are independent, which will squash a 4:3 photo into a 16:9 box. Only uncheck it when a platform insists on exact dimensions.

Can I enlarge a small image without losing sharpness?

No. Canvas upscaling interpolates the pixels you already have, so a 300 px image blown up to 1200 px looks soft and gains no detail. Downscaling is the honest use of this tool; for enlargement you need a higher-resolution original or an AI upscaler.

How do I hit a print size such as 3x4 cm?

Convert centimetres to pixels using the print density: at 300 dpi, 3x4 cm is about 354x472 px. Uncheck the ratio lock, type those numbers into Width (px) and Height (px), and export. Crop the photo first if its shape differs, so the face is not squeezed.

Does resizing change the file format?

No - this page deals with dimensions, and the export comes back as an ordinary raster image from the browser. If you specifically need another container, such as WebP instead of PNG, run the resized file through the matching converter afterwards.

How large a file can a mobile browser handle?

Phone photos up to 12-16 megapixels are fine. With panoramas or scans beyond 8000 px per side, mobile Safari may fail to allocate the Canvas: the tab reloads and no output appears. Resize those on a desktop instead.

How much smaller does the file get?

A raster file scales roughly with pixel count, so halving each side quarters the area and usually cuts the file by a similar factor. That is why resizing beats squeezing quality alone when you are trying to fit a hard upload limit.

Examples

Phone photo for an avatar
Before: Source 4032x3024 px, 3.2 MB
After: 512x384 px, roughly 90 KB, ratio kept so nothing is stretched
Image sized to the content column
Before: Screenshot 2560x1440 px, twice as wide as the layout
After: 1280x720 px, retina density kept and a quarter of the weight
Fixed cover dimensions
Before: Photo 1500x1500 px, the platform wants 1200x630 px
After: 1200x630 px with the ratio unlocked, slightly squeezed vertically