/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

-1 vote156 views3 answers
Html css slider
Html
0 vote109 views2 answers
Espaçamento bootstrap
Html
33 votes116 views10 answers
Chat
Html
0 vote108 views1 answer
Ondrag event in html
Html
3 votes115 views1 answer
Jumbotron with cards
Html
1 vote112 views1 answer
[(ngModel)] in a select
Html
2 votes112 views1 answer
Number dropdown html
Html
0 vote106 views1 answer
Html pre-populate input bootstrap
Html
0 vote106 views1 answer
Laravel route generating url named routes
Html
2 votes104 views4 answers
Markdown color
Html