/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

4 votes260 views2 answers
Botstrap
Html
0 vote215 views1 answer
Fa facebook circle
Html
2 votes227 views1 answer
Html input js onclick button click
Html
1 vote228 views2 answers
Html csrf token input
Html
0 vote220 views1 answer
Thymeleaf optional fragment parameter
Html
0 vote242 views3 answers
Sub html
Html
1 vote232 views1 answer
Best meta tags
Html
6 votes241 views2 answers
Html video image
Html
0 vote226 views1 answer
Slack type html message
Html
65 votes237 views3 answers
Buton html href
Html