/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

7 votes149 views4 answers
Audio html tag
Html
0 vote156 views2 answers
Hyperlink html id
Html
0 vote160 views1 answer
How to edit html in wordpress
Html
1 vote188 views1 answer
Javascript void link
Html
-3 votes327 views1 answer
Class#
Html
0 vote162 views1 answer
Add ruby title html erb icon
Html
4 votes149 views4 answers
H1
Html
0 vote164 views1 answer
This src jqery
Html
1 vote151 views2 answers
How to add preloader in html page
Html
7 votes146 views4 answers
Html style attribute
Html