Optimize Video for the Web

Drag your video here

Or

Heavy video slows down pages and hurts Core Web Vitals. Optimise your clips here — right-sized, right-framed and efficiently encoded — before they ever reach your server.

How to optimize Video for the Web

  1. Add your video filesDrag them onto the drop zone above, or click to browse. Add as many as you like — they stay on your computer.
  2. Tune the settingsPick WebM or MP4 — hover another format and press + to render several at once. Set quality, frame rate and scale. Leave Transparency on to keep any alpha channel.
  3. Convert and downloadClick Convert. Each finished optimized WebM or MP4 file gets its own download button, or grab everything with Download all.

Video and page speed

A hero video is often the Largest Contentful Paint element. Keeping it small — and giving it a poster image — directly improves LCP and perceived speed.

Use preload="metadata" or lazy-load below-the-fold videos, and never ship a 4K master where a 1080p or 720p encode will do.

Frequently asked questions

What resolution should website video be?

Match the largest size it is displayed at. Full-width hero video rarely needs more than 1920 px wide; many look fine at 1280 px.

How does this help SEO?

Lighter pages load faster, and page experience is part of how search engines rank sites.

WebM or MP4?

Both — render them together with + and serve WebM first.

Related converters