Your browser does not support the HTML canvas tag.

Let us start with images.

Images are responsible for a heavy part of internet traffic worldwide. So what can we do? Well the picture above is drawn on a canvas. The size of the variable holding the drawing information is 8.783 bytes. Try and save the picture and the traditional size 17.070 byte, will reveal it self, which is reasonable, but compared to 8.783 bytes its a 100 percent increase. Now, this approach require some skills and tools, but theres a heavy reward and the planet needs help.

May 27th 2021
|
Picture
Your browser does not support the HTML canvas tag.

Websites

The average transfer size of websites is going up constantly. Desktop by 354 % and mobile by 1224%, why? Over-designing. Think about what you add to your website, is it necessary? There is a trend to compensate for the bloated website by investing in green energy or tree planting, trees are nice and so is green energy, but your webpage is still bloated. Think, for a moment, examples are everywhere. The trees.org website itself is 4.7MB transferred, only for the front page. You can check a webpage transfer size by opening the browser toolbox, go to network, tick the Disable cache and reload the page. The transferred size is shown, at the bottom of the window. That is the amount of bytes transferred to your browser.

June 1st 2021
|
Websites
Your browser does not support the HTML canvas tag.

HTML5 Games

The html5 canvas technology has great performance, a proof that this is the future of gaming. H-ever most developers create games using a game engine and many create a mobile screen size game, which look awful on desktop and gamepads. But the worst part is that they often make the game bloated, like nothing else. Bloated means full of unnecessary stuff.
So if you are a game developer and care about the size of your game (read: care about the environment), then you should make your own game engine and draw the graphics, instead of using pictures. I have optimized game size to less than 1% of similar games. Even so, the games have excellent graphics, sounds, background music and can be played on any device, desktop or mobile and they fill out the entire screen. For example Eco Blocks, the game is 25,7Kb in size, compare it to the other block games on the same site and you will see that:

Eco blocks vs runic blocks is size 1 to 120, so 120 players of eco blocks has the same co2 footprint as one player of runic blocks. Yes! It is that simple.

Eco blocks vs gummi blocks is size 1 to 600, so 600 players of eco blocks has the same co2 footprint as one player of gummi blocks, this is not counting the size of the ads in the game, with ads it is more like 1 to 1000.

If we translate that to a game portal, according to its own statistics, one portal has 204 million unique players a year. If one player plays an estimated 5 games a year and game size is 10 MB on average, then traffic is around TB 10.000 a year. Co2 emission is estimated at 0,629 gram co2 per Megabyte in this example, so the result is 6,500 ton co2 per year, which equals the emission of more than 1400 cars per year. Now, if all the games on that portal where minimized by the same factor as I did, we would see a reduction to 3-4 cars co2 emission per year, a huge difference and that was only one game portal. You could also say that, it would require 2031 game plays to remove 1 cars emission for 1 day. Remember you can check the transferred size like stated under websites.

August 4th 2021
|
HTML5 Games