Home › Image & Design Tools › Blur Fit (Square / Story)

Blur Fit (Square / Story / Reel)

Fit a landscape or portrait photo — or a video — into a square, 4:5, or 9:16 frame without cropping. Fill the empty space with a blurred copy of the image, a solid color, or a gradient, adjust the blur and padding, add a border, and batch multiple photos at once. The video mode renders the same blur-fit look with FFmpeg in your browser. The clean “no-crop” look for Instagram feed posts, Reels, and Stories.

How to use Blur Fit (Square / Story)

  1. Pick Image or Video mode and upload your file (drop several photos to batch).
  2. Choose a frame (square, 4:5, or 9:16 story).
  3. Pick a background — blurred, solid color, or gradient — and adjust blur, photo size, and dimming.
  4. Optionally add a photo border, then download (single, ZIP, or rendered MP4).

Frequently asked questions

Can I blur-fit a video?
Yes. Switch to Video mode and upload a clip — it renders the same blurred-background fit with FFmpeg entirely in your browser (the engine downloads once, ~31 MB) and exports an MP4. Audio is kept.
Why use a blurred background instead of cropping?
It keeps your whole photo visible while still filling the frame the platform expects, so nothing important gets cut off. You can also choose a solid color or gradient fill instead of the blur.
Can I process several photos at once?
Yes — in Image mode, drop in multiple photos, switch between them with the thumbnails, and use “Download all” to export every image at the chosen frame as a ZIP.
What size is the export?
Each preset exports at full social resolution — 1080×1080 for square, 1080×1350 for 4:5, 1080×1920 for Stories and Reels, and 1920×1080 for landscape.

More Image & Design Tools

  • CSS px ↔ rem/em Converter — Convert px to rem and em at a chosen root font size, both directions, with a handy quick-reference table — exact math, in your browser.
  • Color Converter & Contrast Checker — Convert colors between HEX, RGB, HSL, HSV, and OKLCH, and check WCAG AA/AAA contrast between any two colors — all live in your browser.
  • SVG Optimizer — Minify and clean SVG markup — strip comments, editor metadata, and whitespace, round coordinates — with a live before/after size readout and preview.
  • CSS Generator Suite — Visual sliders for gradients, box-shadows, and glassmorphism — copy production-ready CSS.
  • SVG → PNG Converter — Convert any SVG vector to a PNG raster at custom resolutions, with transparent or solid backgrounds.
  • Image → SVG (Trace) — Vectorize PNG, JPG, or WebP images into scalable SVG paths with adjustable color palette and detail.
  • Image Cropper, Resizer & Compressor — Crop to any aspect ratio, resize to exact dimensions, and compress JPG/PNG/WebP — all in your browser.
  • AI Background Remover — Erase backgrounds from portraits and product photos using a neural network that runs entirely in your browser.