What Is the Carbon Cost of Video and Streaming?

Video is the heaviest thing most websites serve, and streaming makes up the majority of the world's internet data transfer — which makes it the biggest single driver of the data side of the web's energy use. But the carbon cost of video is widely misunderstood. The honest picture, supported by the International Energy Agency's analysis of data centres and networks, is that what matters most is how the electricity is generated and what device you watch on, far more than the act of streaming itself. The good news for anyone running a website is that you control a surprising amount: autoplay, resolution, compression, lazy-loading, poster images, hosting and whether decorative video exists at all. This guide separates the real costs from the alarmism and shows you what to do about it.

It builds directly on the broader picture in what is a website's carbon footprint and how to reduce it, because video is simply the most extreme version of the page-weight problem.

Why video dominates data transfer and energy

To understand video's footprint you have to understand why it is so heavy. A video is, at its core, a long sequence of images shown many times per second. Even with excellent modern compression, encoding all those frames means a video transfers far more data than text, code, or a single still photo. A few seconds of high-resolution video can move more bytes than an entire long-form article with images. Scale that up across billions of hours watched every day and it becomes clear why streaming dominates internet traffic: it is not that video is uniquely wasteful per byte, but that it involves enormous numbers of bytes.

That heaviness is exactly why video matters for sustainability. As covered in how to reduce page weight for a faster, greener website, the bytes a page transfers drive the energy used to deliver it — in data centres, across networks and on the viewer's device. Video pushes that relationship to its limit. On almost any website that uses video, the video assets are the single largest contributor to page weight by a wide margin, often dwarfing every image, script and font combined. So if you care about a site's footprint, video is the first place the numbers get serious.

What actually drives the carbon — grid and device, not streaming itself

Here is where the popular narrative tends to go wrong. It is tempting to treat every hour of streaming as a fixed, alarming quantity of carbon. The reality is more nuanced, and the International Energy Agency has been clear about it: the energy efficiency of data centres and networks has improved dramatically even as data volumes exploded, and the carbon impact of using digital services depends heavily on the carbon intensity of the electricity involved and on the efficiency of the equipment. In plain terms, two factors dominate the footprint of watching a video, and a website owner controls neither of them directly:

• The electricity grid. Watching video on a grid powered largely by wind, solar or hydro emits far less carbon than the same video on a grid dominated by coal or gas. The bytes are identical; the carbon behind the electricity is not.
• The device. A small efficient phone or laptop draws far less power to play a video than a large television, a projector or an old, inefficient screen. The viewing device is frequently the largest single energy consumer in the whole chain.

This is why blanket claims that "one hour of streaming equals X kilograms of CO2" should be treated with caution — the honest answer is it depends, sometimes by an order of magnitude, on grid and device. It does not mean streaming is free; it means the cost is contextual. And it points to where genuine reductions come from at the system level: cleaner grids and more efficient devices and networks, most of which sit outside any individual site owner's hands. That can feel disempowering — until you focus on the slice you do control.

What site owners actually control

You cannot decarbonise the viewer's national grid or replace their television. But on your own site, a long list of decisions directly determines how much video data you push out and how much energy it costs — and several of them are easy wins with no downside to the experience.

Turn off autoplay

Autoplay is the worst offender for one simple reason: it forces every visitor to download and play the video whether or not they want it, so every page view pays the full data and energy cost even when nobody watches. Background videos that autoplay silently behind a hero section are the clearest example — they deliver little real value for a large, unavoidable transfer. Turning autoplay off, so video loads only when a visitor chooses to play it, can cut a page's effective video transfer to near zero for the many people who never press play.

Serve the right resolution

Resolution is one of the biggest levers on video data. Streaming 1080p where 720p would look indistinguishable, or letting a small embedded player deliver 4K, wastes a large amount of data for no perceptible benefit. Use adaptive streaming where you can, so the player matches resolution to the screen size and connection, and set sensible default quality rather than always reaching for the highest. A video in a 400-pixel-wide box does not need 4K, ever.

Compress properly and use modern codecs

Good encoding shrinks a video substantially at the same visual quality. Modern codecs and sensible bitrate settings mean the difference between a lean file and a bloated one. This is the video equivalent of the work described in how to optimize images for the web: the same quality, far fewer bytes, simply by encoding intelligently rather than shipping an unoptimised export.

Lazy-load and use poster images

If a video sits below the fold or further down a page, lazy-load it so it only requests data when the visitor scrolls near it. Better still, show a lightweight poster image — a single still frame — in place of the video until the user clicks play. The poster gives the visual impression of video for the cost of one optimised image, and the heavy file only downloads for people who actually want to watch. This single pattern often removes the majority of a video page's wasted transfer.

Host video efficiently

Where and how you host video matters. A dedicated, efficient video host with adaptive streaming and a content delivery network serves the right-sized file from close to the viewer, rather than pushing one giant file to everyone from a single origin. Hosting on infrastructure powered by renewable energy lowers the carbon intensity of the delivery, as explained in what is green web hosting and how to choose it. Self-hosting a large raw video file and serving it un-streamed to every visitor is usually the least efficient option.

Avoid decorative video entirely

The most effective change of all is sometimes to ask whether the video needs to exist. A looping background video that conveys no information, or a clip used purely as ornament, is pure cost for little benefit. Replacing it with a static image, a subtle CSS animation, or nothing at all removes the heaviest asset on the page outright. A short autoplaying background video can transfer more data than an entire well-built page — so deleting it is frequently the single biggest carbon and performance win on the whole site.

Practice → benefit

Practice	What it does	Benefit
Turn off autoplay	Video loads only on user action	Many visitors transfer no video at all; big data saving
Serve right resolution / adaptive streaming	Matches quality to screen and connection	Cuts bytes with no perceptible quality loss
Compress with modern codecs	Smaller file at same visual quality	Lower transfer and energy per view
Lazy-load below-fold video	Requests data only when needed	Avoids loading video most visitors never reach
Use a poster image	Shows a still until the user clicks play	Heavy file downloads only for actual viewers
Host efficiently on green infrastructure	Adaptive streaming, CDN, renewable power	Right-sized delivery, lower-carbon electricity
Remove decorative video	Eliminates the asset entirely	Largest single weight and carbon cut available

Context, not alarmism

It is worth holding two ideas at once. Video genuinely is the heaviest, most energy-relevant content on the web, so it deserves real attention. And at the same time, individual streaming is not the climate catastrophe it is sometimes painted as — efficiency improvements and grid decarbonisation, the levers the IEA highlights, do most of the heavy lifting at the global scale. The productive response is neither to ignore video nor to demonise it, but to treat it with proportion: serve it deliberately, only where it earns its weight, at the smallest size that does the job, and on efficient infrastructure.

This matters because guilt-driven decisions tend to be bad ones. Refusing to use video where it genuinely helps users — a product demo, a tutorial, an explainer that replaces pages of text — can be a false economy. The goal is not zero video; it is no wasted video. A clear, well-compressed, click-to-play demo that helps a visitor understand a product is a good use of bytes. A 4K autoplaying loop behind a headline is not. Knowing the difference is the whole skill.

How this fits the bigger picture

Video is the most dramatic case of a general principle: lighter is greener and faster at the same time. Every tactic above also makes pages quicker to load and kinder to users on slow connections and metered data plans. Removing an autoplaying background video does not just cut carbon — it speeds up the page, improves Core Web Vitals, and saves your visitors' mobile data. That alignment is the recurring theme across the whole sustainability cluster, and it is why this work is easy to justify even to teams with no environmental mandate. If you want to see exactly where your own emissions estimate comes from, how to measure your website's carbon emissions walks through the tools.

A quick checklist

• Audit every video on the site and ask whether each one earns its weight.
• Remove or replace decorative and background video first — it is the biggest win.
• Turn off autoplay; require a click to play.
• Use poster images so heavy files load only for real viewers.
• Lazy-load any video below the fold.
• Serve adaptive streaming at sensible resolution; never over-deliver quality.
• Compress with modern codecs and host on efficient, renewable-powered infrastructure.

Go deeper

• The foundation: what is a website's carbon footprint and how to reduce it.
• The general method: how to reduce page weight for a faster, greener website.
• Where to host it: what is green web hosting and how to choose it.
• Measure the result: how to measure your website's carbon emissions.

Want your site's heaviest assets and efficiency measured alongside performance, SEO and security? Analyse any URL with StackOptic — one report, free, no sign-up.