/Html/Serve images in nextgen formats webp

Serve images in nextgen formats webp

<picture>
  <source srcset="img/awesomeWebPImage.webp" type="image/webp">
  <source srcset="img/creakyOldJPEG.jpg" type="image/jpeg"> 
  <img src="img/creakyOldJPEG.jpg" alt="Alt Text!">
</picture>

Source: css-tricks.com

Serve images in nextgen formats webp

.no-webp .elementWithBackgroundImage {
  background-image: url("image.jpg");
}

.webp .elementWithBackgroundImage{
  background-image: url("image.webp");
}

Source: css-tricks.com

Similar codes

6 votes325 views1 answer
Html onload not working
Html
0 vote347 views1 answer
Strictmode causes double render
Html
1 vote363 views1 answer
Change color on the same string html
Html
0 vote323 views1 answer
Email html table
Html
0 vote289 views2 answers
Web3 cdn
Html
0 vote318 views1 answer
Code html view mobile inspect link head metalink
Html
0 vote380 views1 answer
Slot tag
Html
19 votes324 views6 answers
Bootstrap card
Html
3 votes338 views1 answer
Create a link in md
Html
34 votes337 views5 answers
Html img src
Html