What size to record a website at
Eight destinations, eight frames, and the reasoning behind each one. Frame it before you record and you never crop a good take into a bad one.
The frame depends on the destination: 1080 x 1920 for Instagram Reels, 1600 x 1200 for a Dribbble shot, 1080 x 1350 for LinkedIn, 2560 x 1440 for YouTube, and 1920 x 1080 for Behance, X, Product Hunt and portfolio case studies. The rule underneath all of them is the same: set the recording size before you record, so the site lays itself out at that width rather than being cropped out of a wider capture afterwards.
Every frame in one table
| Destination | Record at | Ratio |
|---|---|---|
| Instagram Reels | 1080 x 1920 | 9:16 |
| Dribbble | 1600 x 1200 | 4:3 |
| Behance | 1920 x 1080 | 16:9 |
| 1080 x 1350 | 4:5 | |
| X (Twitter) | 1920 x 1080 | 16:9 |
| YouTube | 2560 x 1440 | 16:9 |
| Product Hunt | 1920 x 1080 | 16:9 |
| a portfolio case study | 1920 x 1080 | 16:9 |
The guides
The mistake is recording 16:9 and cropping. Frame vertical first and the site lays itself out for you.
4:3, at least 1600 wide, and the loop has to work in a grid full of other people's work.
A Behance project is a document. The recordings inside it are figures, not the headline.
Landscape video loses on LinkedIn for one unglamorous reason: it takes up less of the feed.
16:9 inline, heavily re-encoded, and judged in about two seconds.
The one place a website recording is watched full-screen, on purpose, by someone who chose it.
The gallery is not a trailer. It is the answer to 'what does this actually do'.
Hiring managers are not watching a demo. They are checking whether the thing you claimed actually behaves that way.
Recording sizes, answered
Ready to show your work the way you designed it?
7-day free trial, no card needed · macOS 13.1 or later