/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 vote169 views1 answer
React html parser
Html
0 vote178 views1 answer
Tailwind CSS datepicker
Html
4 votes176 views1 answer
Installation of ionicons
Html
0 vote207 views1 answer
Html mettre 3 photos avec url
Html
11 votes157 views5 answers
Ngstyle
Html
0 vote174 views1 answer
Devexpress aspxdatagridview set column alignment
Html
0 vote167 views1 answer
Html escape quote in atribute
Html
37 votes198 views6 answers
Vertical center bootstrap
Html
-1 vote169 views1 answer
Convert html to wordpress
Html
0 vote168 views1 answer
Link in neuen tab html
Html