How to record a website demo for LinkedIn
Landscape video loses on LinkedIn for one unglamorous reason: it takes up less of the feed.
For LinkedIn, record websites at 1080 x 1080 (1:1) or 1080 x 1350 (4:5) rather than 16:9. The feed is a narrow column on mobile, and a square or portrait video occupies substantially more vertical space than a landscape one - which is the single largest lever on how long the post stays on screen.
The frame to record at
1080 x 1350
4:5 · portrait
4:5 is the tallest frame LinkedIn renders without cropping, so it holds the most feed height available while still showing a web layout wide enough to read.
Why LinkedIn is different
LinkedIn video autoplays muted into a feed of text posts, which means the recording is competing with paragraphs rather than with other videos. It wins by being immediately legible at a glance and by being tall. A 16:9 website capture dropped into that column is a thin horizontal band that scrolls past before it has said anything.
How to record it, step by step
Open the site in Viewport
Paste the URL into Viewport and let the page load completely. Waiting for fonts, images and entry animations to settle before you record is what stops the first second of the take looking half-built.
Frame it at 1080 x 1350
Set the recording size to 1080 x 1350 (4:5, portrait) before you record. 4:5 is the tallest frame LinkedIn renders without cropping, so it holds the most feed height available while still showing a web layout wide enough to read.
Place the interactions on the timeline
Add the scrolls, clicks and hovers you want as points on the timeline rather than performing them live. Each one is a position and a moment, not a gesture you have to land.
Adjust the timing until it reads
Drag the points to change pacing. Viewport interpolates the motion between them, so a scroll that felt rushed becomes a scroll that reads - without reshooting anything.
Play it back and export
Check the opening frame on its own - a proportion of the feed will see it as a still. Export as MP4 at 1080 x 1350.
LinkedIn video specifications
| Square | 1080 x 1080 px (1:1) |
|---|---|
| Portrait | 1080 x 1350 px (4:5) |
| Landscape | 1920 x 1080 px (16:9) |
| Format | MP4 (H.264) |
| Playback | Autoplays muted in feed |
Source: LinkedIn Help. Checked . Third-party pricing and limits change; confirm at the source before relying on them.
Three things that make the difference
The first frame is the thumbnail
Autoplay may not fire on a slow connection, so whatever your recording opens on is what a proportion of readers will see as a still. Start on the most legible state, not on a blank hero.
Write the point in the post, not in the video
Muted playback means on-screen captions in a website recording go unread. The post copy carries the argument; the recording is the proof.
Show the before, not just the after
A redesign recording that opens on the old state and scrolls into the new one gives the feed a reason to stop. A polished final state alone reads as a portfolio dump.
Recording for LinkedIn, answered
Frame it at 1080 x 1350 before you record.
Viewport sets the recording size first, so the site lays itself out at that width instead of being cropped afterwards. Then you build the scroll on a timeline and it plays back the same way every take.
Usual price $19.99 founder discount · macOS 13.1 or later
Related guides
Record websites for X at 1920 x 1080 (16:9), which is the frame the timeline renders inline without cropping. The constraint that matters more than size is compression: X re-encodes aggressively, so fine type and low-contrast UI degrade visibly. Record tighter than feels necessary and the loss is far less obvious.
To record a website for Instagram Reels, capture it at 1080 x 1920 pixels (9:16, vertical) rather than recording a desktop browser and cropping afterwards. On a Mac, Viewport sets that frame before recording, so the site lays itself out at vertical width and fills the Reel edge to edge instead of sitting in a letterboxed strip.
Record Product Hunt gallery media at 1920 x 1080 (16:9). The gallery autoplays muted beside your tagline, and it is doing a specific job: showing what the product does before anyone reads a word. A recording that opens on a landing page rather than on the product working is the most common launch-day mistake.