CARBON CALCULATOR
How big is the carbon footprint of your webpage?
![](./assets/images/light/carbon_calculator_form_icon01.png)
![](./assets/images/light/carbon_calculator_form_icon02.png)
![What is the percentage of returning visitors?](./assets/images/light/carbon_calculator_form_icon04.png)
![](./assets/images/light/carbon_calculator_form_icon03.png)
![Where do the visitors usually come from?<br>(*)No data available, using world average.](./assets/images/light/carbon_calculator_form_icon04.png)
![](./assets/images/light/icon_carbon_active.png)
CARBON EMISSION
![](./assets/images/light/icon_diagnostics_inactive.png)
PAGE DIAGNOSTICS
![](./assets/images/light/carbon_calculator_metering_slider-horizontal.png)
![](./assets/images/light/carbon_calculator_scale_button.png)
![](./assets/images/light/carbon_calculator_metering_v5.png)
Per page load
1.42 G
CO2e is emmited,
and the site seems to be running on
monthly pageview
yearly generates
828.7 KG
CO2 emission
If 25%of the visitors are returning and they mostly visit the page from Hungary
![](./assets/images/light/carbon_calculator_logo.png)
Based on previous testing (), The calculator is based on the Carbon.Crane team's own methodology.
![](./assets/images/light/carbon_calculator_line.png)
Which corresponds to
![](./assets/images/light/carbon_calculator_result_icon01.png)
1723
km by car
![](./assets/images/light/carbon_calculator_result_icon02.png)
642
loads of laundry
![](./assets/images/light/carbon_calculator_result_icon03.png)
237
eggs (60g) produced
NET CO2E EMISSION
1.42 G
The "Diagnostics" view help you better understand the components of the webpage (on the URL above) and their impact on its carbon footprint.
"Impact Analysis" matrix gives the conclusion of adjustment priorities.
Right-up corner is the must-deal-with-it section while Left-bottom oriented items are in the well-done zone.
![The number of all the components (e.g., images, fonts, scripts, etc.) needed to display the content of the page to the visitor.](./assets/images/light/icon_help_grey.png)
NUMBER OF COMPONENTS' TYPES
98 pcs
![Distribution of number of all the components (e.g., images, fonts, scripts, etc.) needed to display the content of the page to the visitor.](./assets/images/light/icon_help_grey.png)
![The size of all the components (e.g., images, fonts, scripts, etc.) needed to display the content of the page to the visitor.](./assets/images/light/icon_help_grey.png)
SIZE OF COMPONENTS' TYPES
3.1
![Distribution of size of all the components (e.g., images, fonts, scripts, etc.) needed to display the content of the page to the visitor.](./assets/images/light/icon_help_grey.png)
!['Impact Analysis' matrix help you set the priorities for the reduction. While Axis X (Relative Impact) shows the file types' impactfulness, Axis Y (Transferred Size) compares their absolute volume. Right-up corner is the must-deal-with-it section while Left-bottom oriented items are in the well-done zone.](./assets/images/light/icon_help_grey.png)
Carbon footprint
The carbon footprint of the page
![The Carbon Emission of the URL measured.](./assets/images/light/icon_help_grey.png)
G CO2E
PageView per month
PV/MONTH
![The monthly average number of PageViews.](./assets/images/light/icon_help_grey.png)
Annual Carbon Emission
KG CO2E
![The product of the page's carbon footprint and the monthly pageviews, projected for 12 months.](./assets/images/light/icon_help_grey.png)
Reduction modelling
![The planned percentage reduction to be achieved as a result of page optimization.](./assets/images/light/icon_help_grey.png)
![](./assets/images/light/percentage-values.png)
![](./assets/images/light/horizontal_separator.png)
![All the pages and subpages that the website consists of, supposing that the each page and subpage have the same carbon footprint.](./assets/images/light/icon_help_grey.png)
![](./assets/images/light/number-values.png)
Result of reduction
![Prevented CO2e emission as a result of reduction.](./assets/images/light/icon_help_grey.png)
Volume of Reduction
CO2E
![](./assets/images/light/weight.png)
![Saved energy as a result of reduction.](./assets/images/light/icon_help_grey.png)
Energy saving
![](./assets/images/light/electric.png)
![The planted-tree equivalent of carbon emission saving.](./assets/images/light/icon_help_grey.png)
Tree planted
tree
![](./assets/images/light/tree.png)
The website's reduction potential through image optimization
![](./assets/images/light/carbon_img_optim_icon01.png)
- %
![](./assets/images/light/carbon_img_optim_icon02.png)
KB
![](./assets/images/light/carbon_img_optim_icon03.png)
G CO2E
Based on measurements from httparchive, images - and consequently their carbon footprint - would account for approximately 40% (median) the size of web pages.
This tab is to estimate how much smaller images could be without compromising their quality to the human eye.
In other words: To what extent could the images contribute to the reduction potential of the page?
- - - - - Optimal image size benchmark
Light green bubble zone: Reduction potential
Dark green bubble zone: Optimized image size
CARBON COLONY
![](./assets/images/light/separator.png)
Diagnostics help us identify components that are responsible for carbon emission.
But do we know who they really are?
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_image.png)
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_image.png)
The image - or picture, photo - belongs to the larger types of content on websites.
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_image_head.png)
Classification:
It belongs to the family of audio-visual tools.
Distinctive feature:
It is used as an illustration or on its own. As the famous saying goes: a picture is worth a thousand words. It can be poorly compressed.
Occurrence:
It is widely spread, especially favoured by websites publishing product presentations, usage tips, event reports, and news. But they can also be found on websites specifically selling pictures.
Size:
Ranges widely, the smaller ones can be found in sizes as small as 50 KB, while the larger ones can reach several tens of MBs in size.
Footprint:
Due to its size, it can be significant, especially the unnecessarily large ones can be harmful to the environment.
Taming:
Avoid using it in its original size, always optimize it for the website. If necessary, seek expert assistance.
![](./assets/images/carbon_colony_regular/carbon_characters_media.png)
![](./assets/images/carbon_colony_regular/carbon_characters_media.png)
Media is one of the largest existing audio-visual content form on websites.
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_media_head.png)
Classification:
It belongs to the family of audio-visual content elements.
Distinctive feature:
Simultaneous displaying sound and moving images so conveying message. Addictive. It can be ineffectively compressed.
Occurrence:
It is widely spread, particularly favouring websites that showcase product demonstrations, usage tips, event reports, and news.
Size:
It varies widely, with larger ones reaching several hundred megabytes in size.
Footprint:
Due to its size, it can have significant carbon emissions, especially full-screen, automatically playing instances that can be harmful to the environment.
Taming:
Avoid embedding it directly into the webpage; it is recommended to include it as a link within the content of the page. Please seek expert assistance.
![](./assets/images/carbon_colony_regular/carbon_characters_font.png)
![](./assets/images/carbon_colony_regular/carbon_characters_font.png)
Font or font style, character set used in the design and layout of the website.
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_font_head.png)
Classification:
It belongs to the family of tools that determine the visual appearance.
Distinctive feature:
They give atmosphere and style to the page, therefore, in addition to the given system fonts, there are separate personalities, i.e. unique font sets. They are sensitive to the environment, if they feel like it, they don't always appear as expected (especially accents)
Occurrence:
Everywhere within a website, they can even be of several types and of different sizes within one page.
Size:
Ranges widely, the smaller ones can be found in sizes as small as 50 KB, while the larger ones can reach several tens of MBs in size.
Footprint:
The unique font gets itself invited to the website from its own server, so its carbon emissions are also higher.
Taming:
Individual fonts are nice, but it is worth choosing system fonts instead (pay attention to this when designing the image), or font streaming, i.e. refer to them in the central storage of Google Font.
![](./assets/images/carbon_colony_regular/carbon_characters_stylesheet.png)
![](./assets/images/carbon_colony_regular/carbon_characters_stylesheet.png)
A template that defines the style of the website, a stylist who describes the appearance of the page.
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_stylesheet_head.png)
Classification:
It belongs to the family of tools that determine the visual appearance.
Distinctive feature:
They have good taste and are of two types: internal (in the HTML document) and external (in the CSS file referenced by the HTML). Their size can be affected by how many and how complex formatting rules they contain.
Occurrence:
You can find it in HTML or XHTML documents.
Size:
Basically, it is not a big file (10K-1Mb), it depends on the type.
Footprint:
If the style sheet refers to the rule from an external source, its carbon emissions can also become significant.
Taming:
Selecting and using only those style elements from the style description "library" that are really necessary for the appearance of the elements on the page.
![](./assets/images/carbon_colony_regular/carbon_characters_document.png)
![](./assets/images/carbon_colony_regular/carbon_characters_document.png)
Quite a character: the HTML file of the completed page is the one that describes what should be displayed in what structure and system - header-body-footer.
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_document_head.png)
Classification:
It belongs to the family of documents that determine the visual appearance.
Distinctive feature:
It is unavoidable, there is no page without it. And he knows about himself.
Occurrence:
Look for the page on the server responsible for hosting.
Size:
Typically, it is not very large (a few approx. - 100-200 kb) because it contains links.
Footprint:
Based on its size, not too big, but it can be optimised.
Taming:
If the developers work with a template or ready-made system document, it is worth leaving only the necessary elements.
![](./assets/images/carbon_colony_regular/carbon_characters_script.png)
![](./assets/images/carbon_colony_regular/carbon_characters_script.png)
It is constantly conducting: actually a series of instructions to perform a specific operation, automate a task or manipulate data.
![Carbon Colony xmas](./assets/images/carbon_colony_regular/carbon_characters_script_head.png)
Classification:
It belongs to the family of documents defining the operation.
Distinctive feature:
They are tasked with repetitive operations and can be simple or very complex depending on the requirements. Certain programming languages are called scripting languages, such as Perl or Javascript.
Occurrence:
It is widely spread, especially favoured by websites publishing product presentations, usage tips, event reports, and news. But they can also be found on websites specifically selling pictures.
Size:
Part of the program, look for it there!
Footprint:
The larger the file size, the greater the carbon emission - if there are many of them, their emission can become significant due to their number (e.g. they are just overflowing on advertising pages).
Taming:
With general technology, everything is included - it's worth choosing what is actually needed - but it's a big challenge for programmers, they won't love you for it.
![](./assets/images/light/carbon_calculator_download_icon01.png)
Download the results:
![](./assets/images/light/separator.png)
![](./assets/images/light/carbon_badge.png)
Website Badge®
Websites that use Carbon.Crane's Website Carbon Monitor® are entitled to place this badge in their footer which shows that they are consciously and actively working to reduce their website's carbon footprint—in partnership with Carbon.Crane.
![](./assets/images/light/carbon_calculator_anim.png)