Skip to content
brownie.tools

Image Resizer

Set pixel dimensions, scale by percentage, or enter print sizes with DPI, then choose how the image fits.

Choose image or drag & drop

PNG, JPEG, WebP, AVIF, SVG - up to 100 MB

Runs locally in your browser. Nothing is uploaded or sent to a server.

Choose an image, enter dimensions in Exact mode or a percentage in Scale mode, and select a fit setting before clicking Resize Image. Cover scales proportionally and crops overflow; Contain preserves the whole image with padding. The default Original setting crops without resampling when the target fits inside the source. Download PNG, JPEG, or WebP output, with physical-unit DPI controls available in Exact mode. Processing stays on your device.

Updated

Work on images right from any web page: the free Image Tools extension compresses, converts, resizes and crops a picture with a right-click. Add to Edge · Add to Firefox

How do you resize an image to exact pixels or a percentage?

Choose an image, set Exact for a required width and height or Scale for a percentage, select a Fit mode, and click Resize Image. Review the output dimensions and click Download. Keep Lock aspect ratio enabled when you want editing one dimension to calculate the other from the source proportions.

For one worked example, a 1600x1000 source at 50% targets 800x500 pixels. Select Cover to resample the full image at those matching proportions. Each dimension is rounded using Math.round(original × percentage / 100). The percentage control accepts a slider value rather than a typed arithmetic expression.

The default Original (exact pixel crop) setting behaves differently: it takes a target-sized region without resampling when both target dimensions fit inside the source. A smaller output therefore does not necessarily include the whole original scene. Check the fit setting before exporting, even after selecting Scale or Max Edge.

Which fit mode keeps the image, crops it, or changes its shape?

Exact defines the output canvas. Fit mode determines how the source fills that canvas. Unlock the aspect ratio before entering a target shape that differs from the original, then choose the treatment that suits the image:

  • Original: crops source pixels directly within source bounds. Drag the crop preview to select the region. Targets exceeding the source dimensions fall back to Cover.
  • Cover: scales proportionally to fill the canvas and crops overflow. Drag the preview to decide which part remains visible.
  • Contain: scales proportionally to preserve the entire image and pads the remaining space. Choose a solid Background or Transparent with PNG or WebP.
  • Stretch: fills the canvas by changing proportions. Use it only when that distortion is intentional.

For a workflow focused on selecting a region, use the Image Cropper. Here, verify both canvas dimensions and framing: a correct width and height do not establish whether the source was cropped.

When should you use Exact, Scale, or Max Edge?

Exact suits a destination with fixed dimensions. The orientation swap exchanges target width and height together; review the fit after swapping because the canvas shape changes. Exact also accepts physical units for print work.

Scale suits proportional variants of one source. The slider spans 1% to 200%, with quick buttons for common reductions and restoring the original dimensions. Max Edge suits a longest-side requirement: the tool calculates the shorter side from the original proportions and rounds it to whole pixels. Use Cover for full-image proportional scaling in either mode. For several source files, use Bulk Image Resizer.

Which Social Media Sizes Are Available as Presets?

The Social Media group contains these built-in pixel dimensions. They are convenient starting points rather than a live platform requirements lookup. Select Exact when applying a required canvas size, then review whether Cover or Contain better preserves the subject.

  • IG Square: 1080x1080 px
  • IG Portrait: 1080x1350 px
  • IG Story and TikTok: separate presets, both 1080x1920 px
  • FB Post: 1200x630 px
  • X / Twitter: 1200x675 px
  • YouTube: 1280x720 px
  • LinkedIn: 1200x627 px
  • Pinterest: 1000x1500 px

The Standard group also contains Thumbnail, HD, Full HD, and 4K. Custom dimensions remain available when a destination calls for a different size. Preset selection fills dimensions; it does not inspect the subject or choose the best crop for you.

How do print dimensions and DPI work?

In Exact, choose Inches, Centimetres, or Millimetres under Dimensions unit. DPI starts at 300, with quick choices also available for screen-oriented densities. Set DPI, enter physical dimensions, and check the displayed pixel result. The formula is pixels = inches × DPI; convert centimetres or millimetres to inches first, then round to whole pixels.

The Print & ID photos group includes square passport, EU/UK passport, photo-print, and A4 presets. These switch to Exact, choose physical units, and set their print density. They set dimensions without checking official photo requirements or subject framing.

Physical-unit JPEG exports store the chosen DPI in JFIF density fields. PNG stores it in a pHYs chunk as pixels per metre. WebP does not receive the selected density metadata, and neither do pixel-unit, Scale, or Max Edge exports. Density metadata describes an intended print size; the print dialog still controls the final scaling.

Does Resizing Reduce Image Quality?

Downscaling discards pixel detail. Upscaling estimates new pixel values and may soften edges, even with high-quality Canvas smoothing requested. Original avoids resampling within source bounds, but exporting the crop through a lossy format still adds compression. Keep your original file for future edits and inspect the download at its intended display size.

PNG is lossless for the pixels produced by resizing, making it useful for text, screenshots, and logos. JPEG and WebP expose a Quality slider when explicitly selected, initially at 92%. Lowering quality trades detail for a smaller file. For a workflow focused on file weight, use the Image Compressor.

Which image formats can you import and export?

The upload interface lists PNG, JPEG, WebP, AVIF, and SVG; decoding depends on browser support. Output choices are PNG, JPEG, and WebP. Same as input preserves PNG or WebP and uses JPEG for other inputs. SVG is rasterized, so the output no longer contains editable vector paths.

Choose the output explicitly when transparency or print density matters. PNG supports transparency and the selected physical-unit DPI; JPEG stores density but has no transparency; WebP supports transparency without that selected DPI metadata. Processing creates a new download and leaves the source file unchanged.

Social Media Image Size Reference

Format Extension Compression Transparency Animation Browser Support Typical Size
Instagram Portrait 1080x1350 4:5 No No JPEG 92% Max reach in feed
Instagram Square 1080x1080 1:1 No No JPEG 92% Universal fallback
Instagram Story / TikTok 1080x1920 9:16 No No JPEG 92% Full-screen vertical
Facebook Post 1200x630 1.91:1 No No JPEG 92% Landscape link preview
X/Twitter Post 1200x675 16:9 No No JPEG 92% Fills timeline card
YouTube Thumbnail 1280x720 16:9 No No JPEG 95% Min. 640x360, rec. HD
LinkedIn Post 1200x627 1.91:1 No No JPEG 92% Professional network card

How to Use Image Resizer

  1. Choose image or drag & drop

    Select an image using the file picker or drop it into the upload area. The interface lists PNG, JPEG, WebP, AVIF, and SVG; decoding depends on browser support.

  2. Resize mode

    Choose Exact for dimensions, Scale for a percentage from 1% to 200%, or Max Edge for Longest edge (px). In Exact, use Dimensions unit to select pixels or physical units with DPI. Uncheck Lock aspect ratio when entering a different target shape.

  3. Fit mode

    Choose Cover (fill target, crop overflow) for proportional scaling. Original (exact pixel crop) crops without resampling within the source bounds. Contain (fit inside, letterbox) adds padding; Stretch (distort to target) changes proportions.

  4. Output format

    Choose PNG, JPEG, or WebP. Select JPEG or WebP explicitly to reveal Quality, initially 92%. For physical-unit DPI metadata, use JPEG or PNG in Exact mode.

  5. Resize Image

    Click Resize Image, review the output dimensions, and click Download. Use Back to editing to try different settings with the same source image.

Frequently Asked Questions