Convert Landscape WebP to Portrait WebP
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
How to Use Convert Landscape WebP to Portrait WebP
- Upload your WebP - click "Choose WebP File" or drag a
.webponto the drop zone. The tool detects landscape vs portrait vs square and warns if your input isn't horizontal (you can still convert). - 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.
- 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).
- Adjust quality - 90% is a good default for WebP. Drop to 75-80% if you need smaller files; raise to 95-100% for archival.
- 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.
- Copy or Download - Copy puts the image on your clipboard (WebP if browser allows, PNG fallback otherwise). Download saves
portrait-9x16-blur.webpwith 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.
Related Tools
Convert Portrait WebP to Landscape WebP →
Turn a portrait WebP into a landscape WebP with blur, cover, or solid-color fill.…
Add Text to WEBP →
Add text, captions, or watermarks to your WEBP images directly from your browser. Our…
WEBP Glitch Artifact Generator →
Purposely add heavy WebP compression artifacts to any image imitating the deep-fried meme look…
Add Background to WebP - Fill Transparent Areas →
Add solid color backgrounds to transparent WEBP images. Choose any color, preview in real-time.…
Add Border to WebP - Frame Your Image →
Add customizable borders to WEBP images with adjustable width and color. Preview in real-time.…
Analyze WebP Images →
Analyze WebP Images. Inspect dimensions, compression type, transparency, animation, and EXIF metadata in WebP…
Blur WebP Image →
Blur any WebP image in your browser. Free, offline, client-side - instant preview, secure,…
Change WebP Color →
Change a colour inside a WebP image with tolerance control. Preview live, keep alpha,…
Change WebP Opacity →
Change WebP Opacity with a live slider, scale or overwrite the alpha channel, export…
Change WebP Quality →
Change WebP Quality for WebP image at any quality from 1 to 100, with…
Compress WebP →
Compress WebP images in the browser - adjust quality and resize without re-encoding to…
Base64 to WebP Decoder →
Decode Base64 to WebP image - preview, copy, download. Detects declared vs actual format.…