Table of contents of the article:
As we approach 2024, a significant shift in the digital landscape is looming: the obsolescence of traditional image formats like JPEG and PNG. The need to move to more efficient and sustainable technologies is crucial, and newer formats such as WebP and AVIF represent the frontier of innovation in this sector. This article explores why abandoning JPEG and PNG is not only a step forward in web efficiency, but also a contribution to a more sustainable future.
The Current Context: JPEG and PNG
For decades, JPEG and PNG have been the standard formats for images on the web. However, they have several inefficiencies. JPEG, while quite efficient for photographic images, tends to have larger file sizes, which is problematic for data transfer and storage. PNG, known for its transparency support, produces even larger files, further exacerbating the problem.
These formats, due to their relatively large file sizes, contribute to significant environmental impacts. The storage space required and the resulting energy consumption to host and transfer this data are non-negligible issues in the era of sustainability.
The Rise of WebP and AVIF
Google's introduction of WebP and AVIF, a format based on the AV1 codec , represented a significant turning point in the world of digital imaging. These formats stood out for their ability to offer much more efficient data compression than traditional JPEG and PNG. The advanced compression of WebP and AVIF allows file sizes to be reduced by up to 50% or more compared to PNG , resulting in faster data transfer and less storage space without compromising visual quality.
A notable aspect of these formats is their support for transparency. While PNG has long been prized for this feature, often at the expense of larger file sizes, WebP and AVIF have ushered in a new era in which transparency can be maintained with significantly smaller file sizes. This advantage is particularly relevant for web designers and application developers, as it allows them to create images with transparent backgrounds or overlays that integrate seamlessly with different website and app layouts, improving aesthetics and usability without impacting performance.
Additionally, the WebP format supports both lossy and lossless compression, offering greater flexibility in image management. This translates into finer control over the balance between image quality and file size, allowing web developers to optimize images based on the specific needs of their site.
AVIF, on the other hand, benefits from its association with the AV1 codec, a highly efficient video format. This association gives it excellent compression capacity and superior performance, especially for high-resolution images or complex multimedia content. With AVIF, it is possible to achieve a superior level of detail and color gamut, particularly important for high-quality images and applications requiring high visual fidelity.
In short, WebP and AVIF are not only successors to JPEG and PNG formats, but also represent a major technological advance , combining compression efficiency, transparency support, and high visual quality. Their widespread use can lead to significant improvements in web performance and reduce the environmental impact associated with digital image management.
The Fallback Image Problem
Fallback images represent an essential transitional solution when moving from traditional JPEG and PNG formats to the more modern WebP and AVIF. This approach was adopted to ensure the compatibility and accessibility of web content during a period when WebP and AVIF support was not yet universally adopted by browsers.
During this transition phase, websites had to prepare for both scenarios: on the one hand, exploit the potential of newer formats such as WebP and AVIF, which offer smaller file sizes and higher quality; on the other, ensuring that the images remained visible even in browsers that did not support these new formats. In practice, this meant that for every image, a site had to host both the WebP or AVIF format version and a fallback version in JPEG or PNG.
The use of fallback images was crucial to prevent users from encountering "holes" in the layout of web pages —blank spaces where images not supported by their browsers would have appeared. This was especially important for websites with a large audience, where users used a wide variety of devices and browsers.
Browser Support and Usage Statistics
According to information provided by "Can I Use," nearly all modern browsers now support WebP. This widespread support suggests that it's feasible for websites to switch entirely to WebP, eliminating the need for fallback images. This transition could significantly optimize online image management.
The move away from JPEG and PNG image formats in favor of more efficient alternatives like WebP and AVIF could have a profoundly positive impact, both environmentally and economically. The transition to these newer formats, which offer superior compression and smaller file sizes, could lead to a significant reduction in image storage space globally. A conservative estimate suggests this reduction could be around 40%, a significant saving considering the massive amount of image data handled on the Internet.
This reduction in storage space has knock-on effects on several aspects of your IT infrastructure and environment:
- Less need for Servers and Data Centers: With smaller file sizes, the amount of storage space required on servers and data centers is reduced. This means that fewer servers can handle the same amount of data, reducing the need to invest in additional hardware and associated infrastructure.
- Reduction of Energy Consumption: Servers and data centers consume a significant amount of energy, not only to run the servers themselves, but also for the cooling systems needed to keep them operational. By decreasing the number of servers needed, you also reduce overall energy consumption, contributing to a reduced carbon footprint.
- Lower Environmental Impact: Fewer servers and reduced energy consumption translate directly into a lower environmental impact. This is especially important in an era where sustainability and reducing environmental impact have become global priorities.
- Economic Savings: From an economic perspective, businesses and individuals will benefit from reduced costs associated with data storage and management. The savings from requiring less hardware, reducing energy costs and maintenance can be significant, especially for companies that handle large volumes of image data.
- Web Performance Optimization: With smaller file sizes, web pages load faster, improving user experience and potentially increasing site engagement and conversion. This is particularly relevant in a context where site speed is a key factor in both user satisfaction and search engine rankings.
The abandonment of JPEG and PNG in favor of WebP and AVIF is not only a step forward in terms of technological efficiency, but also represents a responsible choice for a more sustainable and more economically advantageous future. This transition marks significant progress towards a more conscious and environmentally friendly approach to managing digital assets.
Future Outlook and Recommended Actions
The phaseout of JPEG and PNG image formats, now considered obsolete, requires a coordinated and strategic initiative from major browser vendors. These key players in the digital landscape should form a consortium to effectively orchestrate the transition to more efficient standards like WebP and AVIF. Such a consortium would have the power and influence to implement significant changes globally, establishing a clear and unified path to the phaseout of JPEG and PNG on the web.
A coordinated action between various browser vendors, including core engine operators such as Webkit and Chromium, could include several steps:
- Definition of Common Guidelines: The consortium should establish shared guidelines and timelines for the phasing out of JPEG and PNG formats. This would ensure that all members move in a synchronized manner, avoiding confusion and inconsistencies between various browsers.
- Browser Engine Update: Core engines such as Webkit and Chromium should be updated to gradually become incompatible with JPEG and PNG formats. This step should be handled carefully to ensure a smooth transition for users and developers.
- Awareness campaigns: A public awareness campaign, explaining the benefits of the transition to both web developers and end users, would be crucial. This campaign could emphasize the benefits in terms of performance, sustainability and safety.
- Feedback and Community Support: The consortium should provide channels for feedback and support, allowing the developer community to share their experiences and challenges as they transition to new formats. This would help quickly identify and resolve any issues that arise in the process.
- Gradual Implementation Phases: The transition should occur in phases, allowing developers and users to gradually adapt to the new standards. This phased approach would help mitigate any negative impact on the functioning of existing websites.
Conclusion
The move away from obsolete image formats like JPEG and PNG in favor of more efficient alternatives like WebP and AVIF represents a major shift toward a more sustainable and responsible digital environment. This transition, which goes beyond simply optimizing storage space and energy consumption, has the potential to lead to significant global savings, both financially and environmentally.
Globally, the savings in storage space and the resulting reduction in the number of servers needed to host and manage data translate into lower energy consumption. This reduction in energy needs has a direct and measurable impact on CO2 emissions, thus contributing to the fight against climate change. With a reduced need for data center infrastructure, which is among the largest energy consumers in the technology sector, we can expect a significant reduction in the digital world's carbon footprint.
Additionally, the transition to more efficient image formats paves the way for greater web speed and accessibility, improving user experience around the world. Reduced page load times and less bandwidth required to transfer high-quality images are tangible benefits that all internet users can appreciate.
Finally, this evolution represents a step forward in green thinking within the tech industry. The decision to abandon JPEG and PNG in favor of WebP and AVIF is not just a technological choice, but also a commitment to a greener and more sustainable future. It demonstrates the tech industry's responsibility and willingness to adopt practices that respect the environment and contribute to the health of our planet.
