Using WebP images and alternative jpg/png for Safari browser
Mar 10, 2020 3:54 AM
Our website relies heavily on the huge of real pictures. Since real pictures contain a lot of information, it's hard to keep them sharp and below e.g. 80 kb (even with compression tools).
For page speed it helps to use images in WebP format. However, browser Safari does not support this format. So my solution would be to offer visitors images in WebP, except when they use Safari. I've read on the internet that there are several ways to achieve this in other CMS. For example, I've been reading about an easy workaround by using the tag <picture>. However, I get feedback from developers that this is not possible in HubSpot CMS.
Since I'm a stubborn person, I was wondering if anyone else has experienced the same issues and if they have implemented a working solution?