The Best Aspect Ratio for SaaS Demo Videos

The aspect ratio you choose determines how much UI you can show, where the video can be distributed, and whether viewers will see it fullscreen or pillarboxed into irrelevance.

The default: 16:9 (1920×1080)

Use 16:9 when:

• The video lives on your website, YouTube, or in presentations
• You're showing a full desktop application or wide dashboard
• The video will be viewed primarily on laptops/desktops

16:9 matches the shape of most SaaS products (full-width browser windows) and is the native aspect ratio of most displays. It's the safe choice when you're unsure.

Resolution: 1920×1080 minimum. 2560×1440 if your audience uses large monitors or you want extra sharpness on YouTube (which allocates better codecs to 1440p+).

The social option: 1:1 (1080×1080)

Use 1:1 when:

• The video is for LinkedIn, Twitter/X feed, or Instagram feed
• You're showing a focused UI element, not the full application
• You want maximum screen real estate in social feeds (1:1 takes up more vertical space than 16:9 in a feed)

1:1 forces you to crop your UI, which is actually an advantage — it eliminates distracting surroundings and focuses the viewer on the specific feature.

Tip: Record at 16:9 and crop to 1:1 in post. This gives you both versions from one recording session.

The mobile-first option: 9:16 (1080×1920)

Use 9:16 when:

• TikTok, Instagram Reels, or YouTube Shorts
• The content will primarily be viewed on phones held vertically
• You're showing a mobile app

9:16 for a desktop SaaS product requires creative framing — you can't just rotate a widescreen recording. Strategies:

• Stack the UI: show a cropped portion of the product with text overlay above/below
• Phone mockup: place your web app in a phone frame
• Split the frame: product demo in the top half, text/branding in the bottom half

The presentation option: 4:3 (1440×1080)

Rare for product videos but occasionally useful when:

• The video will be embedded in slides (many projectors/conference screens are still 4:3)
• You're showing a narrow/focused UI (mobile web, sidebar, modal)

Generally avoid 4:3 for modern product marketing — it reads as "old" to most audiences.

Multi-format strategy

Most teams need at least two ratios: 16:9 for the website and 1:1 or 9:16 for social. The efficient approach:

1. Record/create at 16:9 with extra "safe space" around the key content
2. Crop to 1:1 by centering on the most important element
3. Crop to 9:16 by following the main action vertically

This means your 16:9 composition needs to have all critical action in the center 60% of the frame — the outer edges will be cropped for other formats.

Responsive embeds: letterbox vs. crop

When embedding a 16:9 video on a page viewed on mobile, the video either:

• Letterboxes — shows full width with black bars top/bottom (tiny and hard to read)
• Fills width — crops the sides (may cut off important UI)

If many viewers are on mobile, a 1:1 or 4:5 video embedded on your landing page may outperform 16:9 despite being unconventional — because it's actually readable without going fullscreen.

Test it on the smallest screen

Before finalizing, preview your video at the smallest size it will be viewed. If text is illegible on an iPhone SE in a LinkedIn feed, your aspect ratio (or your content density) needs adjustment. The video must communicate even at 320px wide.