/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 vote140 views2 answers
Auto select radio button
Html
0 vote157 views1 answer
Html favicon error code
Html
-103 votes132 views10 answers
Date
Html
22 votes146 views6 answers
Target blank
Html
1 vote144 views1 answer
Getproductpricehtml magento 2
Html
0 vote127 views1 answer
How to select the another page section in html
Html
1 vote172 views1 answer
Html build system sublime text 3
Html
1 vote133 views4 answers
Ex
Html
2 votes122 views1 answer
Td colspan all
Html
0 vote127 views1 answer
Laravel route generating url named routes
Html