Wasim's Site

Horizontal to Vertical Image

Convert a horizontal image to a vertical format using different background fill modes.

Drag & drop an image here, or click to select a file

Your images are processed in your browser and are never uploaded.

Input Image (Horizontal)
Output Image (Vertical)

Your image will appear here

Controls

Upload an image to enable the controls.

Leave blank to auto-swap orientation.

About This Tool

This tool helps you convert a horizontal (landscape) image into a vertical (portrait) format, which is perfect for social media stories, mobile wallpapers, or any platform that prefers a vertical aspect ratio. The conversion happens entirely in your browser—your images are never uploaded to a server, ensuring your privacy.

Background Fill Modes

When converting a wide image to a tall format, empty space is created at the top and bottom. This tool provides three creative ways to fill that space:

  • Blur: Fills the background with a stretched, blurred version of your original image for a seamless and professional look.
  • Color: Allows you to pick solid colors for the top and bottom areas, which is great for adding branding or creating a clean frame.
  • Stretch: Takes a thin slice from the top and bottom edges of your image and stretches it to fill the empty space, creating an interesting, continuous effect.

How to Convert a Horizontal Image to Vertical

Follow these steps to turn a landscape photo into a portrait-ready image for Stories, Reels, TikTok, or mobile wallpapers — all in your browser, with a live preview at every step.

  1. Upload your image. Drag and drop a file onto the upload area, click it to browse, or drop a new image directly onto the input panel to replace the current one. JPG, PNG, and WebP are supported, and nothing is ever uploaded to a server.
  2. Choose a background fill mode. Use the Mode tabs to pick Blur, Color, or Stretch — this decides how the empty top and bottom space is filled (the three modes are explained above).
  3. Fine-tune the fill. Depending on the mode you picked:
    • Blur — drag the Blur Radius slider for a softer or stronger background.
    • Color — choose a Top and Bottom color; the hex value shows next to each swatch.
    • Stretch — set the Border Slice to control how much of the edge is stretched.
  4. Set the output size (optional). Leave width and height blank to automatically swap orientation (for example, 1920×1080 becomes 1080×1920), or enter custom dimensions in pixels — such as 1080×1920 for Instagram Stories and Reels.
  5. Pick a format and quality. Export as JPEG, PNG, or WebP. For JPEG and WebP, use the Quality slider to balance file size and clarity (PNG is lossless).
  6. Preview and download. The vertical preview and its exact output dimensions update automatically as you make changes. When you're happy, click Download — the file is saved with its size in the name (e.g. vertical-1080x1920.jpg).

Popular vertical sizes

  • 1080 × 1920 — Instagram Stories & Reels, TikTok, YouTube Shorts, Facebook Stories
  • 1080 × 1350 — Instagram portrait feed posts (4:5)
  • 1080 × 1080 — square posts when you only need a small crop
  • Your phone's screen resolution — ideal for custom mobile wallpapers

Tips for the best result

  • Use Blur mode for a seamless, professional look that keeps attention on your subject.
  • Use Color mode with your brand colors to create a clean, on-brand frame.
  • Choose WebP for the smallest file size at high quality, or PNG when you need a lossless image.
  • Start from a high-resolution original so the upscaled or blurred background stays sharp.