Using WebP Images in Drupal to Reduce File Size and Improve Performance

Staff Reporter

Mario Hernandez shared a blog post focusing on WebP and its integration into Drupal. As someone deeply invested in responsive image handling, Mario explains how WebP—a format developed by Google—offers better compression and quality than JPEG and PNG. Since 2020, WebP has gained support across all major browsers, making it a practical choice for performance-conscious developers.

Mario outlines how Drupal supports WebP natively from version 9.2.0 onward, eliminating the need for custom code or contributed modules. Updating image styles in Drupal to include a Convert effect and selecting WebP as the target format is all it takes. A test on a Drupal 10 site demonstrated that converting a JPEG image (289kb) to WebP reduced its size to 76kb—showing the potential for significant file size savings with minimal effort.

While WebP is his focus, Mario also mentions Avif as a promising format worth exploring, depending on project needs and browser support. He concludes that adopting modern image formats is a small but impactful step toward faster-loading, more efficient websites, especially when working within a CMS like Drupal.

Source Reference

Title

Using Modern Image Formats to Improve Performance

Byline

Mario Hernandez

Date of Publication

12 April 2025

Drupal

Drupal Performance

Drupal 10

Disclosure: This content is produced with the assistance of AI.

Disclaimer: The opinions expressed in this story do not necessarily represent that of TheDropTimes. We regularly share third-party blog posts that feature Drupal in good faith. TDT recommends Reader's discretion while consuming such content, as the veracity/authenticity of the story depends on the blogger and their motives.

Note: The vision of this web portal is to help promote news and stories around the Drupal community and promote and celebrate the people and organizations in the community. We strive to create and distribute our content based on these content policy. If you see any omission/variation on this please reach out to us at #thedroptimes channel on Drupal Slack and we will try to address the issue as best we can.