Fully transparent png file that was converted webp format desn't work on Safari 14.0.2

[user1475]

Hi all,

I’m using the Cloudflare’s polish option(Lossless) with checking webp option as well.
It works fine on every browsers except Safari 14.02 on newest iOS(i.e., BigSur).

You can test on following URL.
https://campaign.kurly.com/test/webp.html

Is there anyone can help me about this problem?
Thanks in advance,

• Larry

[erictung]

I guess the older version of Safari still does not fully support WebP image format.

But, Cloudflare should be able to serve jpg/png files to Safari users based on the request header.

@MVP any ideas?

[sdayman]

14.02 is the newest. I’m able to replicate the problem with Safari in Big Sur. And I don’t know what’s causing it. I’d have to dig around to see if I had any PNG files in a paid plan that had transparency and gets converted to WebP by Cloudflare.

UPDATE: I’m not able to replicate this on my own site with a transparent PNG converted to WebP by Cloudflare.

My PNG:

[user1475]

Hi Sdayman,

Thanks for your efforts for testing & reply.
The problem only occurs with a fully transparent PNG file doesn’t have any dot.
And it seems same with every newest iOS version mobile & PC Safari.

Thanks,
-Larry

[user1475]

Followings are my Macbook environments.

[sdayman]

That might be a bug with the WebP conversion. I suggest you open a ticket and provide them a link to this thread. And post the Ticket Number here as well.

To contact Cloudflare Customer Support, login & go to https://dash.cloudflare.com/?account=support and select get more help. If you receive an automatic response that does not help you, please reply and indicate you need more help.

[user1475]

@user1475

The problem only occurs with a fully transparent PNG file doesn’t have any dot.
And it seems same with every newest iOS version mobile & PC Safari.

Thanks,

Thanks Sdayman,
I opened a ticket
https://support.cloudflare.com/hc/ko/requests/2049601