/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

25 votes168 views2 answers
Css for displaying image center
Html
1 vote177 views1 answer
Nofollow
Html
22 votes182 views2 answers
Input type number is not showing decimal cases when is 0.00 html
Html
1 vote187 views1 answer
Convert word to html
Html
1 vote169 views1 answer
How to center link in html
Html
1 vote193 views1 answer
Ng-src
Html
9 votes163 views1 answer
Html link to call phone number
Html
0 vote166 views1 answer
How to link an javascrit to an html fle grepper
Html
0 vote143 views2 answers
Leviathan cat bookmarks.html | grep passwd | cut -d “ “ -f9–14
Html
32 votes222 views3 answers
Html last elemetn arrray
Html