Cloudflare displays broken images on my website

/doesn’t convert images to WebP/

Correct i blame Swype keyboard

1 Like

I found in htaccess some line of code changing to webp but I have the same line on my other website but it strictly serves jpeg. I know it’s only for pro that’s why im confused

The code was likely added from a plugin like one of the ones I listed above. Cloudflare doesn’t add code to your htaccess file so it was likely an image optimization plugin.

Okay I’ll check it but the only plugin that comes to my mind is WP Rocket and I don’t have it on my other website. If I don’t find the plugin should I remove that line?

Use the commands I posted above, inserting your own values, and make requests to your Origin looking for a JPG, and then asking for the same JPG in WebP format. What results do you get?

Cloudflare will cache the first request. If that request asked for webp, then webp is going to be cached, and vice versa. The second request will get that cached response irrespective of the client capability.

It’s the exact same issue as if your origin was serving a variant catchable response based on the screen size of the first request.

Basically, if you are varying responses based on any parameter (device, location, language, browser etc.) then you need to be aware of how the content will be cached, and make appropriate configuration to deal with that.

I’m sorry for the trouble really. Where exactly should I add the commands you added earlier (beginner here). Thank you

I disabled WP Rocket, and still I receive webp
please check this link some images are jpeg and webp

I don’t think we can be any more clear on this. This is coming from your server. Not Cloudflare. I know you’re frustrated, but you’re going to have to get a web developer to figure out your site’s settings.

1 Like