Home Tools Blog About

Convert Landscape WebP to Portrait WebP

In short

Convert horizontal WebP images to vertical portraits with blur, crop, or solid fill. 9:16, 4:5, 1:1, custom. Free, offline, client-side.

  • Runs in your browser
  • Nothing uploaded
  • Free, no sign-up

Reformat a horizontal WebP into a vertical aspect ratio for Reels, TikTok, Stories, or Pinterest - without stretching. Three fill modes: blur (the image's own blurred copy as background), cover crop (zoomed to fill, edges cropped), or solid color (your pick).

or drag & drop a .webp here

Upload a landscape WebP image to begin.
🛡
100% PrivateNo server uploads, ever
InstantRuns in your browser
💧
No WatermarksClean output, always
🆓
Free ForeverNo accounts, no limits

How to Use Convert Landscape WebP to Portrait WebP

  1. Upload your WebP - click "Choose WebP File" or drag a .webp onto the drop zone. The tool detects landscape vs portrait vs square and warns if your input isn't horizontal (you can still convert).
  2. Pick a target aspect ratio - the default 9:16 fits Instagram Reels, TikTok, YouTube Shorts, and Stories. 4:5 fits Instagram feed posts. 3:4 / 2:3 are common for Pinterest. Or pick Custom and type any W:H ratio.
  3. Pick a fill mode - Blur fill (the image's own blurred copy fills the empty side bars; the foreground sits cleanly centered), Cover crop (zoom to fill the whole canvas; some content is cropped), or Solid color (pick any background color from the picker).
  4. Adjust quality - 90% is a good default for WebP. Drop to 75-80% if you need smaller files; raise to 95-100% for archival.
  5. Preview updates live - the side-by-side panel shows the original on the left, your generated portrait on the right. Stats below show input/output dimensions, file sizes, mode, and quality.
  6. Copy or Download - Copy puts the image on your clipboard (WebP if browser allows, PNG fallback otherwise). Download saves portrait-9x16-blur.webp with mode and ratio in the filename.

Frequently Asked Questions

What output dimensions will I get?

The canvas height is kept equal to your input height; canvas width is computed from the target ratio. For a 1920×1080 input at 9:16, output is 608×1080 (height stays at 1080, width = 1080 × 9/16 = 608). For 1600×1200 at 9:16, output is 675×1200. Both dimensions are capped at 4096 px to prevent memory issues.

Why use a blurred copy as background instead of black bars?

Blurred-background fills are what Instagram Reels, TikTok, and YouTube Shorts auto-apply when you upload a non-vertical clip. They keep the viewer’s eye on the subject while making the frame feel deliberate. Black bars look unfinished by comparison. This tool blurs the same image at radius ≈ 2% of canvas height (4 px minimum) and adds a 25% dark overlay for contrast against the foreground.

What’s the difference between Blur fill and Cover crop?

Blur fill keeps the whole original image visible (scaled to fit the canvas width) and pads the empty top/bottom with a blurred copy. Cover crop scales the original to cover the entire canvas (no padding), which means the left and right edges get cropped off. Pick Blur if you need to keep the full landscape composition; pick Cover if a cropped close-up matters more than seeing the full scene.

Can I convert a portrait or square WebP with this tool?

Yes, but the tool will warn you because the slug says “landscape” – that’s the intended use case. A square input at 9:16 gets letterboxed (blur/solid) or center-cropped (cover). A taller-than-target portrait input at 9:16 will crop top/bottom in cover mode, or get wider blur bars in blur mode.

How is quality controlled?

The slider (50-100%) maps directly to the WebP quality parameter in the canvas toDataURL('image/webp', q) API. 90% is visually transparent for photographs and produces small files. 100% gets close to lossless but the file can grow 3-5× over 90%. Below 70%, you’ll see WebP compression artifacts on smooth gradients.

Will EXIF and color profile survive?

No – the canvas re-encoding step strips EXIF metadata (orientation, GPS, camera info) and assumes sRGB color. If your source had embedded ICC profiles or critical metadata, keep the original and use this tool only for the social-media-bound copy.

What about animated WebP?

The browser’s <img> API only exposes the first frame to the canvas. So an animated WebP becomes a still portrait WebP – animation is lost. For animated conversion you’d need a dedicated WebP encoder library, which falls outside this tool’s offline-only constraint.

Is there a file size limit?

No hard limit, but browsers will struggle past about 4096 × 4096 input dimensions due to canvas memory. The tool auto-caps output at 4096 on either dimension and notes “downsized to 4096 cap” in the stats line when it does.

Is my image uploaded?

No. All decode, canvas rendering, and re-encoding happens in your browser using the FileReader and Canvas 2D APIs. Open DevTools → Network and confirm zero requests fire after the page loads – even when you Convert.

Does it work offline?

Yes. Total bundle is under 25 KB. Once loaded, disconnect and keep converting. Useful for batches of social-media assets without round-tripping through cloud services.

Keep going

Related Tools

All Webp tools →
Share

Embed this tool

Add this free tool to your website. Copy and paste the code: