Platforms6 min read·Updated

Divi Theme: Convert Module Images to WebP

Divi's visual builder makes it easy to drop a huge photo into a fullwidth section. Convert those photos to WebP at 1920 px before (or after) they hit the Media Library and you fix the issue every optimisation plugin is trying to paper over.

Divi backgrounds are the usual suspect

Fullwidth headers and parallax backgrounds often load a 3000 px JPEG. Mobile still downloads a large candidate. A 1920 px WebP at quality 75 is visually the same on a hero and a fraction of the weight.

Why it matters

  • Theme Builder headers apply one heavy image site-wide.
  • Portfolio modules grid many images on one page.
  • Fewer plugins means fewer Divi conflicts.

How to do it

  1. Identify background images in Theme Builder and pages.
  2. Convert the set at 1920 px / 75–80%.
  3. Replace in modules. Clear cache (Divi + host).

Settings that work

Parallax heroes: 1920 px, quality 72–78. Blurbs: 600 px, 80%.

Convert a batch in your browser. Nothing is uploaded.
Open the converter

Put it into practice

Convert your images to WebP right now, free and privately in your browser.

Open the converter

Frequently asked questions

Yes via WordPress media. Divi modules render WebP like any other image.

It helps CSS/JS. It does not replace a 2 MB background. Convert the file.

Keep reading

Platforms6 min read

WebP for Elementor

Elementor pages fail PageSpeed when every widget gets a full-size PNG. Convert backgrounds and image widgets to WebP at the column width.

Read more
Tutorial8 min read

WebP for WordPress

Step-by-step guide to converting and uploading WebP images to WordPress, fixing upload errors, handling fallbacks and speeding up your site without extra plugins.

Read more
Performance6 min read

Fix image LCP

If LCP is a photo or PNG, convert it to WebP at the rendered width, preload it, and stop lazy-loading the hero.

Read more