/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

0 vote191 views1 answer
What is ETH2.0?
Html
0 vote179 views1 answer
How to add a border under div bootstrap
Html
0 vote205 views1 answer
Cards bootstrap examples
Html
1 vote199 views1 answer
Birthday wishes using html code
Html
-1 vote184 views1 answer
Html style type
Html
15 votes213 views3 answers
Bootsstrap navbar
Html
0 vote213 views1 answer
Html flag icons
Html
2 votes206 views1 answer
Ion icon size small
Html
0 vote189 views1 answer
Colspan 1.5
Html
1 vote245 views10 answers
Java
Html