🚀 On a mission to reduce the carbon footprint of the Internet! 🌎

5 reasons to host your images on our CDN powered by renewables

Image heavy website's are big culprits forslow page load times and high website carbon emissions. With automatic compression, optimisation query parameters and all hosted on our CDN powered by renewables energy, our CDN is the best place to upload your website images.

It's the most performant and planet friendly way to use images on the web.


5. It reduces bundles sizes and build times

If your a swish developer using React or a tool like Gatsby or Next it's quite common to import an image or two into your components, pages or posts like this:

import LocalStaticImg from './local-static-img.jpg';
<img src={LocalStaticImg} alt="A bundled image" />;

Which will then bake in your image into the final website bundle. It might be ok for one or two images but any more can really slow your build times and increase bundle sizes.

Instead of importing the image file, upload it to our CDN and use the hosted URL instead:

<img
src="https://s3.eat1.cdn.ecoping.earth/eco-ping-website/dan-meyers-w6X7XaolqA0-unsplash.jpg"
alt="A blazingly fast image from our CDN"
/>

It's a really simple drag & drop interface which will return you a uploaded URL in seconds (it's normally even quicker).


4. It's great for your users

Uploading your images to a CDN is a fantastic way to improve energy efficiency and page load times for you users. A Content Delivery Network (CDN) serves your images from a network of data centres all over the world, so whereever your users are from it will send it to them in the shortest most direct route.


3. It's will make your developers happier

Working with images on any website can bit a big fiddly at times. But thankfully there is a great simple solution to improve your websites performance. And thats Responsive images, they allow your images work great on devices with widely differing screen sizes, resolutions, and other such features.

Sending large images to small devices is not only slow, and bad for the planet, but it also ends up using more of the users data, costing them money. Luckily working with responsive images is super easy thanks to the HTML picture element:

<picture>
<source
media="(min-width: 992px)"
srcSet="https://s3.eat1.cdn.ecoping.earth/eco-ping-website/dan-meyers-w6X7XaolqA0-unsplash.jpg?width=992"
/>
<source
media="(min-width: 768px)"
srcSet="https://s3.eat1.cdn.ecoping.earth/eco-ping-website/dan-meyers-w6X7XaolqA0-unsplash.jpg?width=768"
/>
<source
media="(min-width: 576px)"
srcSet="https://s3.eat1.cdn.ecoping.earth/eco-ping-website/dan-meyers-w6X7XaolqA0-unsplash.jpg?width=576"
/>
<img
src="https://s3.eat1.cdn.ecoping.earth/eco-ping-website/dan-meyers-w6X7XaolqA0-unsplash.jpg?width=800"
alt="An eco-friendly CDN powered on renewables"
/>
</picture>

2. It's saves time & increases performance

When you upload an image to EcoCDN we: compress it, optimise it, host it all over the world, and send you back a URL of the most performant image we can... all by default.

Also (my favourite feature) we serve images in the best format for your browser. By checking if the browers supports WebP on each request, it allows us to send back what's best for your users and the planet. If it doesn't no worries, we can fallback to a trusty jpg.

For example, let's say you upload this clunky old png image:

<img
src="https://s3.eat1.cdn.ecoping.earth/eco-ping-website/dan-meyers-w6X7XaolqA0-unsplash.png"
alt="A worlds first CDN powered by renewables"
/>

But your browser acutally supports WebP, no worries, we will send you back the WebP, no extra code or checks are needed.

We do this all by default but don't worry, you can always override them by adding query parameters (?width=500&format=jpg) to the end of each EcoCDN hosted URL if you need too:

?width=900
&quality=50
&format=png

Why not give it a go and play around with these parameters ?width=100&format=png


1. It's the world's first CDN powered by renewable energy

Yep that's right! Our CDN is the world first to run off renewable energy. We have hand-picked data center locations all over the world in high renewable production areas. So any of your images servers are transfered from the most eco-friendly servers there are, and in locations closest to your users. Reducing page load times but also reducing carbon emissions with each request.

If you would like to read more about it checkout our CDN and Data Centers pages.

Back to blog
🕯 We've gone for dark mode to reduce the display power drawn of your devices.

EcoPing - alpha

Please feel free to get in touch

@EcoPingHQ

Content

© EcoPing 2021