Click & Record

Subtitles & editing · 4 min read

How to reduce screen recording file size without making it unreadable

Published · Click & Record team

To reduce screen recording file size, cut dead time first, crop away empty areas, then re-export at a sensible resolution (often 1080p) with an efficient codec and a lower bitrate preset. File size is roughly bitrate multiplied by duration, so shortening the video and lowering bitrate are the two levers that matter most, and screen content compresses well when you choose the right settings.

This guide explains which settings change size the most and how to shrink a file without turning small interface text into mush.

What actually determines file size

Video file size comes down to a simple relationship:

File size ≈ bitrate × duration

A 3-minute video at 8 Mbps is about 180 MB; the same video at 4 Mbps is about 90 MB, and trimming it to 2 minutes brings that to about 60 MB. Everything else, such as resolution, frame rate and codec, matters because it changes how much bitrate you need for the picture to look good.

FactorEffect on sizeEffect on quality
DurationDirect: half the length, roughly half the sizeNone, if you cut the right parts
BitrateDirect: the main size controlToo low causes blocky text and smearing during scrolls
ResolutionHigher resolution needs more bitrateToo low makes small text unreadable
CodecMore efficient codecs need less bitrate for the same lookAffects compatibility more than quality
ContentStatic UIs compress well; scrolling and video playback do notFast motion shows artifacts first

Step 1: Make the video shorter

Duration is the easiest win and it makes the video better too.

  • Trim the start and end.
  • Split and delete mistakes, retries and tangents.
  • Cut or speed up waits like loading spinners and builds.

Our guides on trimming and splitting video in the browser and speeding up a screen recording cover the techniques.

Step 2: Crop and choose the right resolution

If you recorded your whole screen but only one area matters, crop to it. Fewer pixels to encode means less bitrate is needed for the same sharpness. Cropping also removes your taskbar, toolbar and other clutter.

Then pick an export resolution that suits where the video will be watched:

  • 1080p is a solid default for tutorials, demos and docs.
  • 720p works for short clips in chat or tickets if the text stays readable. Check at full screen before you send.
  • 1440p or 4K only when the interface is very dense and viewers will watch on large displays.

Frame rate matters less than people think for interface demos. Most UI movement reads fine at 30 frames per second, and a lower frame rate leaves more of the bitrate for sharp text. Keep higher frame rates for content with fast animation or smooth scrolling that viewers need to follow closely.

Readability is the test. Pause on a frame with the smallest text in the video. If you cannot read it, the resolution or bitrate is too low.

Step 3: Pick the codec and format

The two common choices for screen recordings:

  • MP4 (H.264 + AAC) plays almost everywhere: browsers, phones, Slack, email, video editors.
  • WebM (VP9 + Opus) is often more efficient at the same quality and plays in modern browsers, but support in some apps and devices is weaker.

If the file will be embedded on the web or attached somewhere you know handles WebM, try both and compare. When in doubt, MP4 is the safe choice. Our MP4 vs WebM comparison goes deeper.

How to reduce screen recording file size in the browser

Click & Record's export dialog is designed for exactly this. It shows the resolution, bitrate and estimated file size before you export, so you can adjust settings and see the effect without rendering several versions. If your video came from another recorder, open it in the free browser editor; it runs locally, so even large files are not uploaded.

  1. Open the recording in the editor.
  2. Trim, split and speed up slow sections to cut duration.
  3. Crop to the area that matters. The editor can also detect letterbox bars so you do not waste pixels on black borders.
  4. Choose MP4 or WebM depending on where it is going.
  5. Pick a quality preset and watch the estimated size update.
  6. Choose the aspect ratio: source, 16:9, 9:16, 1:1 or 4:5.
  7. Export, then open the file and check the smallest text at full screen.

Export renders faster than real time in supported browsers, so trying a second preset is not a big time cost.

Tips for specific destinations

  • Bug reports and tickets: keep clips short and focused on the reproduction. Platforms often have attachment size limits, so check them first. See how to write a bug report with video for what to include.
  • Email: attachment limits are usually tight. A short 720p or 1080p MP4 at a lower preset often fits, or share via a drive link instead.
  • Website embeds: smaller files load faster. Consider a WebM with an MP4 fallback.
  • Video platforms: they re-encode anyway, so upload at good quality rather than squeezing the file.

Avoid these size traps

  • Compressing twice. Each lossy re-encode loses detail. Keep your original and always export from it.
  • Exporting at a higher resolution than you recorded. Upscaling adds size without adding detail.
  • Recording things you do not need. Recording a single tab instead of a large display gives you a smaller, cleaner source from the start.
  • Leaving pauses in. Long silent stretches still cost bytes.

Shorter, cropped and sensibly encoded beats heavily compressed every time. Click & Record shows you the size before you export, so you can reduce screen recording file size by choice rather than by trial and error.

Frequently asked questions

Why are screen recordings so large?

Recorders often capture at high resolution and high bitrate so nothing is lost during recording. That raw file is meant for editing, not sharing, so re-exporting with sensible settings usually makes it much smaller.

Is MP4 or WebM smaller for screen recordings?

At the same visual quality, VP9 in WebM is often more efficient than H.264 in MP4, but results vary with the content. MP4 plays almost everywhere, so pick it when compatibility matters more than a few megabytes.

What resolution should I export a screen recording at?

1080p is a good default for most tutorials and demos. Go lower only if the interface text stays readable, and keep higher resolutions for very dense UIs or when viewers will watch full screen on large displays.

Does cropping reduce file size?

It can. Cropping removes pixels that would otherwise be encoded, such as empty space or toolbars, and lets you export a smaller frame or use more of the bitrate on the content that matters.