Converting CSS Background images
-
Hi,
I use Thrive Architect and many images on TA styled pages are inserted as CSS background images.
It seems these images are not converted to webp, since there are no IMG tags in the HTML source. Just DIV’s with classes.
How can these images also be served as webp?
-
Two ways to accomplish that:
1) Use “Varied image responses” mode. In that mode it makes no difference how the image is placed in the HTML
2) If the CSS class definitions (which contains the image urls) are placed in the HTML, you can use Alter HTML, but you will have to select “Replace image URLs”. The “Picture tag syntax” only works on IMG tags, but “Replace image URLs” even works on CSS background URLs. PROVIDED the background urls are placed in the HTML. If the backgrounds are in external CSS, it will not work as external CSS isn’t processed by the “Alter HTML” functionality
The topic ‘Converting CSS Background images’ is closed to new replies.
