Using WebP images and alternative jpg/png for Safari browser

Highlighted
Occasional Contributor

Hi,

 

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? 

Reply
0 Upvotes
3 Replies 3
Highlighted
Community Manager

Hey @Esther_ISM 

 

Could you please share the URL? with this information, I could ask for collaboration from our experts Smiley Happy

 

Thanks and Stay Safe

Sharon


Did my post help answer your query? Help the Community by marking it as a solution
Reply
0 Upvotes
Highlighted
Advisor | Partner

Hi @Esther_ISM 

 

Let me know if it's still not resolved.

Reply
0 Upvotes
Highlighted
New Member

I also would like to know more about the possibility of using new file formats, like jpeg2000 (this is mostly for apple users) and webp (everyone else).

I code static websites too, and I use webpacker to do all the transformations every time I upload to the server. Here the implementation would not be as easy I imagine since it would have to be done by a library on the backend (HubSpot's side).

Also template would probably need to be updated to support this feature.

 

But I want to know if this is implemented.

Reply
0 Upvotes