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
The introduction of WebP from Google need AVIF, a format based on the AV1 codec, represents a significant turning point in the world of digital imaging. These formats have stood out for their ability to offer much more efficient data compression than traditional JPEG and PNG. Advanced WebP and AVIF compression reduces file size by up to 50% or more compared to PNG, which results in faster data transfer and less storage space usage 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 where transparency can be maintained with significantly smaller file sizes. This advantage is particularly relevant for web designers and application developers, as it allows you to create images with transparent backgrounds or overlays that integrate harmoniously with different website and app layouts, improving aesthetics and usability without burdening performance .
Additionally, the WebP format supports both lossy and lossless compression, thus offering greater flexibility in image management. This translates into more precise control over the balance between image quality and file size, allowing web developers to optimize images based on the specific needs of the site.
AVIF, on the other hand, benefits from its connection 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, you can achieve a higher level of detail and color gamut, which is especially important for high-quality images and applications that require high visual fidelity.
In short, WebP and AVIF are not only successors of the JPEG and PNG formats, but also represent an important technological progress, combining compression efficiency, transparency support and high visual quality. Their widespread use can lead to dramatic 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 in the transition from traditional JPEG and PNG formats to the more modern WebP and AVIF. This approach was taken to ensure the compatibility and accessibility of web content during the period when support for WebP and AVIF 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 avoid users being faced with "holes" in the layout of web pages, that is, to empty spaces where images not supported by their browsers should have appeared. This was especially important for websites with large audiences, where the variety of devices and browsers used by users was wide.
Browser Support and Usage Statistics
According to information provided by “Can I Use”, almost all modern browsers now support WebP. This widespread support suggests that it is viable for websites to move entirely to WebP, eliminating the need for fallback images. This transition could greatly streamline online image management.
Moving away from JPEG and PNG image formats in favor of more efficient alternatives like WebP and AVIF can have a profoundly positive impact, both environmentally and economically. The transition to these newer formats, which offer higher compression and smaller file sizes, could lead to a significant decrease in the storage space needed for images globally. A conservative estimate suggests that this reduction could be around 40%, a non-negligible saving considering the massive amount of image data managed 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 abandonment of JPEG and PNG image formats, now considered obsolete, requires a coordinated and strategic initiative by major browser manufacturers. These key players in the digital landscape should form a consortium to effectively orchestrate the transition to more efficient standards such as WebP and AVIF. Such a consortium would have the power and influence to implement meaningful change globally, establishing a clear, unified path to abandoning 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.
Moving away from obsolete image formats such as JPEG and PNG in favor of more efficient alternatives such as WebP and AVIF represents an important turning point towards 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 savings globally, both in economic and environmental terms.
Globally, saving storage space and the consequent reduction in servers needed to host and manage data translates into lower energy consumption. This decrease 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 tech sector, we can expect a significant reduction in the carbon footprint of the digital world.
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.
Ultimately, this evolution represents a step forward in green thinking in the technology sector. The decision to abandon JPEG and PNG in favor of WebP and AVIF is not only a technological choice, but also a commitment to a greener and more sustainable future. It demonstrates the technology industry's responsibility and willingness to adopt practices that respect the environment and contribute to the health of our planet.