/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 vote249 views1 answer
How to combine two input fields in html
Html
0 vote236 views1 answer
Add output buffering to cagefs
Html
4 votes238 views1 answer
Code highlighting html
Html
31 votes258 views5 answers
Ng if else
Html
43 votes333 views3 answers
Starting html
Html
3 votes252 views2 answers
Kommentar html
Html
1 vote258 views2 answers
Convert instagram embed script to iframe
Html
1 vote252 views2 answers
Vuetify truncate text
Html
1 vote273 views1 answer
Convert word to html
Html
-1 vote238 views1 answer
Html background music
Html