Instagram Story Resizer

What the Instagram Story Resizer Does

It converts any image into a full-screen 1080×1920 vertical for an Instagram Story or Reel. The picture is scaled until it covers the 9:16 frame, centred, and the parts beyond the edges are cropped.

9:16 is the full phone-screen ratio. A square or landscape source has to be enlarged to fill the height, so a lot of its width gets trimmed — that is normal for fitting wide content into a vertical story.

How It Works

Drop or pick a file; it loads into a 1080×1920 canvas. The scale is the larger of the two side ratios so the image covers the whole vertical frame, it is drawn centred, and exported as a PNG.

It is all client-side JavaScript — no upload, and identical behaviour on phone and desktop.

Processing pipeline

1. Drop or choose an image. Pick any browser-readable image or drag it onto the box.
2. Scale to cover 9:16. It enlarges or shrinks the image by the larger side ratio so it fully fills the 1080×1920 vertical frame.
3. Centre and crop. The scaled image is centred and any overflow past the 1080×1920 edges is trimmed — usually the sides for a wide source.
4. Download the PNG. Save an exact 1080×1920 PNG; the original is untouched.

How cover-fit cropping works

Because the scale is the larger of the two ratios, the picture always fills the whole frame and the excess is trimmed — it never letterboxes. When your source is smaller than the target the scale is above 1, so the image is enlarged and looks softer.

Privacy

Your photo is read from disk, redrawn in the page's memory and saved as a PNG entirely on your device. Nothing is uploaded and no copy is kept on a server.

Because the canvas re-encodes the picture, the saved PNG carries no EXIF or GPS metadata from the original — a small privacy bonus. Close the tab and both the original and the result leave memory.

Technical Details

Standards & references

• HTML Canvas API (drawImage) — the image is drawn onto a fixed-size canvas; the cover-fit maths — scale by the larger of the two side ratios — mirrors CSS object-fit: cover, which fills the box and trims the overflow.
• Instagram Story / Reel format — 1080×1920 pixels, 9:16 aspect ratio — the full-screen vertical size. The same ratio fits TikTok and YouTube Shorts.
• ISO/IEC 15948 (PNG) — the lossless output format, so the scale and crop add no compression artefacts of their own. Each platform then re-compresses the upload on its end.

Accuracy & Limitations

Story interface elements sit on top of your image: the profile name and close button across the top and the caption, link and action icons across the bottom. Keep important content within the central safe zone — roughly the middle 1080×1170 — so it is not hidden.

A square or landscape source is enlarged to fill the height, so most of its width is cropped. If keeping the whole scene matters, design at 9:16 from the start rather than resizing a wide photo.

It centre-crops only; a subject near an edge can be cut. Reframe first if needed.

It enlarges sources under 1080px wide, which softens them. Start from a 1080-wide image for a sharp story.

Real-World Use Cases

When to use it — and when not to

For a square feed post use the Instagram Image Resizer (1080×1080). To pick your own crop instead of a centred one, use the Image Cropper. To resize without any cropping, use the Image Resizer.

Frequently Asked Questions

References

• Instagram Post & Story Size Guide 2026 (Buffer)
• object-fit (MDN Web Docs)

Related Tools