Información del Artículo
Did you know that images and videos can represent up to 70% of the total weight of a web page?
And that this excess data consumes energy, slows down your site, and generates unnecessary CO₂ emissions Optimizing digital media is not just a technical issue:
it’s an act of
digital sustainability.
At Ecohosting REPLANTA, we believe that every file matters.
Here you will discover how to use sustainable images and videos to create faster, lighter, and more planet-friendly websites, without losing beauty or quality.
Why do images affect the sustainability of a website?
Each image loaded on your website requires:
- Server energy to process it
- Data transfer to browsers
- Device energy to display it
In fact, according to HTTP Archive (2024), images account for an average of the 65% of the weight of a web page.
And according to Website Carbon, a site that reduces its weight from 3 MB to 1 MB can save up to 70% of carbon emissions per visit.
A lighter website not only loads faster. It also heats the planet less.
Sustainable images: quality + lightness
The secret is in showing less, weighing less, and serving better.
1. Use modern and lightweight formats
- WebP and AVIF are up to 40% lighter than JPEG or PNG.
- They are compatible with most modern browsers.
- In WordPress, you can easily use them with plugins like ShortPixel, Imagify or EWWW Optimizer.
2. Compress before uploading
Never upload unoptimized images.
Tools like TinyPNG or Squoosh can reduce size without visible loss.
Tip Replanta: aims for less than 150 KB per image and a maximum resolution of 1600 px wide.
3. Use lazy loading
Enable lazy loading so that images only load when they are visible on the screen.
This improves speed and reduces data consumption.
WordPress already includes it natively since version 5.5.
4. Use a green CDN
Distribute your images from sustainable servers that are close to the user.
Cloudflare and Bunny.net are options with infrastructure powered by renewable energy.
5. Do not use more images than necessary
Less is more.
Each extra banner, background, or icon adds HTTP requests and total weight.
Opt for vector illustrations (SVG) or CSS gradients, which are much lighter.
Responsible video: how not to ruin your performance
Videos are beautiful, but also the most polluting files on the web.
.
An HD video can consume the same energy as 1,000 compressed images.
1. Host your videos externally,
Host your videos on optimized platforms (YouTube, Vimeo, Bunny Stream, PeerTube) and embed them lightly.
.Note: embedding an external video with preload disabled can reduce the load weight by more than 90%.
2. Avoid autoplay
Autoplay uses resources even if the user does not see the video.
Let the visitor decide when to play it.
3. Use lightweight thumbnails
First load an optimized preview image instead of the full player.
Plugins like Lite YouTube Embed o WP YouTube Lyte they do it automatically.
4. Compress before uploading
If you record your own videos, use resolution 720p, codec H.264 and compression with tools like HandBrake.
Avoid uploading 4K material unless it is essential.
Metrics that show you the impact
Use these tools to measure how much your visual content weighs and its energy footprint:
| Tool | What it measures | URL |
| EcoGrader | Ecological efficiency and accessibility | ecograder.com |
| Website Carbon Calculator | CO₂ per visit | websitecarbon.com |
| PageSpeed Insights | LCP, total weight, TTFB | pagespeed.web.dev |
| GTmetrix | Requests and file size | gtmetrix.com |
Sustainable goal:
- Total weight: < 1 MB
- CO₂ per visit: < 0.4 g
- LCP: < 2.5 s
- Requests: < 50
Connect sustainable media with green hosting
Even the best optimization makes no sense if your server runs on fossil energy.
That’s why the ideal combination is sustainable media + green ecohosting.
With Ecohosting REPLANTAyou get:
- Cedar: data center with 100% documented renewable electricity.
- Optimized configurations for eco-friendly WordPress.
- Reforestation program (we plant a tree for every website).
- Free audit Eco-Performance Snapshot.
Discover the Solidarity Plan for NGOs
Measure your footprint with our digital footprint calculator
The little details add up
Reducing the visual weight of your website is much more than a technical improvement. It is a step towards a cleaner, more efficient, and ethical Internet.
The sustainable images and optimized videos are allies of your performance, your SEO, and the planet.
With every byte you save, you help cool the planet.
Ecohosting REPLANTA accompanies you in that transition towards a more conscious, fast, and regenerative web design.
Suggested internal links
- Sustainable web: quick guide to reduce digital footprint without losing performance
- Eco-friendly WordPress: plugins and settings that really matter
- Green hosting vs conventional hosting: how much CO₂ do you save?
- Accessibility + performance: 30-minute changes that your users notice
