Skip to content
T TechnShield
Tool

Image Resizer

Resize images with precise controls: exact or max dimensions, fit (contain/cover/stretch), retina variants, transparency/background, and export as JPEG/PNG/WebP.

Drag & drop images here, or
JPEG, PNG, WebP, GIF (first frame), SVG (rasterized by browser).
Resize mode
Fit
Retina variants

Applies to Exact/Max modes.

Auto keeps alpha with WebP/PNG, else JPEG.

0.90

Used for padding & JPEG flattening.

Tokens: {name},{w},{h},{scale} (= @1x/@2x/@3x), {@ext} adds dot+ext.

Live preview
Original: – · Resized: –
Original
Resized
Client-side
EXIF aware
Fit modes
ZIP export

How it works

1) Add images

Drop files or pick from disk. We process them locally in your browser.

2) Choose size & fit

Exact or max dimensions, percent scaling, and fit (contain/cover/stretch). Retina variants optional.

3) Export

Pick format/quality, then download each or ZIP. Use backend for heavy batches.

Image Resizing: Fit Modes, Quality & Best Practices

Understand contain vs cover vs stretch, how retina assets work, and when to pick JPEG/PNG/WebP.

Resize modes

  • Exact: Set target width/height. Use contain to pad, cover to crop, or stretch to ignore aspect.
  • Max: Cap the image to max width/height while keeping aspect (contain). Optional “downscale only”.
  • Percent: Scale by a percentage (e.g., 50%).

Fit options

Contain pads to the box; Cover fills the box and crops overflow; Stretch ignores aspect for exact pixels.

Retina variants

Export 1x/2x/3x sizes for UI assets. The naming pattern inserts {scale} as @1x, @2x, etc.

Formats

Photos: JPEG/WebP. UI & logos: PNG/WebP (preserve alpha). WebP is a great default for the web.

FAQ

Can I set DPI?

Browsers don’t reliably embed DPI in canvas exports; use the backend for print-exact DPI.

Will EXIF metadata be preserved?

Canvas export strips EXIF by default. The backend can preserve or strip metadata.