webP image support

[honstar]

In order to maximize performance for a block under development that is using an inline CSS background-image (url) property, we'd like to use webP image renditions that Franklin provides OOTB. According to https://caniuse.com/webp, all major browsers support the webP image format.

Can we simply enforce webP as standard image format or should we account for a fallback, e.g. by using https://caniuse.com/multibackgrounds:

<div style="background-image (./media/foo.png?format=webply, ./media/foo.png?format=png)">

[auniverseaway]

Using background images are typically discouraged in Franklin land.

You have no event hooks, you're on your own for responsive support, and you have less control over lazyness... if the selector matches, that image is loading whether it is in the viewport or not.

[auniverseaway]

If you want to optimize performance, use the DOM that is already provided to you by Franklin.

[honstar]

Yeah, I figured as much. I'll see how we can refactor our code to leverage existing markup. Thanks!