How to resize an image — step by step

Resizing an image changes its pixel dimensions — the width and height that determine how large it appears on a screen, how much storage it occupies, and whether it meets a platform’s size requirements. Our free online image resizer accepts JPG, PNG, WebP, GIF, AVIF, BMP, TIFF, ICO, and HEIC/HEIF. Resizing and download run entirely in your browser — files are never uploaded unless you choose Save to history.

Follow these steps to resize any supported image in seconds:

  1. Select your image. Click the Select image button or drag and drop a file from your desktop directly onto the upload area. Files up to 20 MB are supported (JPG, PNG, WebP, GIF, AVIF, BMP, TIFF, ICO, or HEIC/HEIF). The image loads into the preview immediately — no upload.
  2. Choose a scale. Use the percent presets (25%, 50%, 75%, Original, 150%, 200%) for a quick proportional resize, or type an exact percentage. Scaling keeps the original aspect ratio so the image never looks stretched.
  3. Set an exact size. Type pixel values into the Width and Height fields. With Locked aspect ratio (the default), changing one side updates the other automatically. Unlock the ratio only when you intentionally need a different shape — unlocking can distort the image.
  4. Pick a common size (optional). Buttons such as 1920 × 1080, 1080 × 1080, and 1080 × 1350 fit your image inside that box while preserving aspect ratio — ideal for HD frames, square avatars, and portrait social posts.
  5. Remove metadata (optional). The Remove metadata checkbox strips EXIF data, GPS coordinates, camera model information, and other embedded metadata from the exported file. This is recommended whenever you are sharing images publicly, both for privacy and to reduce file size slightly.
  6. Download your resize. Click Download to save the resized image directly to your device (no upload). JPG, PNG, and WebP keep their type; HEIC/HEIF exports as JPG; GIF, AVIF, BMP, TIFF, and ICO export as PNG.
  7. Save to history (optional). Click Save to history to upload both the original and your resized result and store them for seven days. You can re-open any saved resize, adjust the dimensions, and download a new version at any time. History items are tied to your session by default and are claimed to your account once you sign in.

There is no server-side render for resizing — work is done locally with the HTML5 Canvas API, so even large, high-resolution images process instantly with no intermediate upload.

Common use cases for image resizing

Changing pixel dimensions is one of the most frequent image tasks on the web. Whether you are preparing photos for a CMS, meeting an upload limit, or matching a design system’s asset sizes, a fast browser resizer saves a trip through desktop software. Here are the scenarios where this tool is genuinely useful:

  • Website and CMS uploads. Many content management systems and page builders expect hero images, thumbnails, and featured images at specific maximum widths. Resizing before upload keeps pages light and avoids automatic server-side scaling that can soften detail.
  • Social media dimensions. Platforms favour particular sizes: square 1080×1080 for many feed posts, 1080×1350 for portrait Instagram posts, and 1920×1080 for widescreen covers and YouTube-style frames. Fitting inside these boxes keeps your subject fully visible.
  • Email and messaging attachments. Camera photos are often several thousand pixels wide. Downscaling to 1280×720 or smaller before attaching reduces file size dramatically and helps messages clear attachment limits.
  • Ecommerce product images. Catalogues usually require consistent dimensions across a gallery. Resizing every shot to the same bounding box (for example 800×600) before upload keeps product pages uniform.
  • Profile pictures and avatars. Square exports at 1080×1080 or smaller give a clean starting point for LinkedIn, Slack, Discord, and similar avatar crops.
  • App and UI assets. Icons, banners, and screenshots often need exact pixel sizes for design handoff. Entering Width and Height directly gives pixel-perfect control without opening Photoshop.
  • Print preparation (screen to print). When a layout needs an image at a known pixel size for a fixed print area at a given DPI, set those pixels here before sending the file to a print workflow.
  • Upscaling for larger placements. Percent presets above 100% enlarge the canvas when you need a bigger frame for a mockup or presentation. Quality depends on the source — start from the highest-resolution original you have.
  • Removing EXIF metadata before sharing. Photographs taken on smartphones embed GPS location, device model, and sometimes the photographer’s name. Enabling Remove metadata before downloading ensures none of this sensitive information leaves your device with the exported image.
  • Batch-style workflows one file at a time. When you only need to hit a size on a handful of images, opening each in this resizer is faster than configuring a bulk desktop pipeline.

The history of image resizing on the web

Resizing — scaling a bitmap to new pixel dimensions — has been central to digital imaging for as long as computers have displayed pictures. Early paint programs offered simple stretch and shrink commands; professional applications later introduced high-quality resampling filters (nearest neighbour, bilinear, bicubic, Lanczos) so enlargements and reductions looked intentional rather than blocky or muddy.

On the early web, authors often resized images in desktop tools, then uploaded the result, because browsers were slow and bandwidth was scarce. Server-side stacks such as GD, ImageMagick, and later Intervention Image made on-the-fly resizing common in CMSs and CDNs: upload once, request image-800x600.jpg, and the server scaled and cached a derivative. That pattern still powers most ecommerce and media platforms today.

Client-side resizing became practical with the HTML5 Canvas API. Drawing an image into a canvas at a new width and height, then calling toBlob(), lets a browser produce a downloadable file without a round trip. Combined with modern JavaScript performance and formats such as WebP, in-browser resizers can match the convenience of desktop utilities for everyday tasks while keeping the original on the user’s device.

Today, resizing sits alongside cropping, conversion, and compression as a core “fix the pixels” operation. Cropping changes composition; conversion changes the container; compression changes quality versus bytes; resizing changes the grid of pixels itself. The tool here focuses on that last job — exact pixels, percentages, and common fit-inside sizes — entirely in your browser until you choose to save to history.