/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 vote703 views1 answer
Html enlace
Html
67 votes172 views6 answers
Html <a>
Html
0 vote196 views1 answer
Can i use html in android studio
Html
8 votes244 views4 answers
Html fav icon
Html
2 votes174 views1 answer
Scroll to a div using href
Html
0 vote172 views1 answer
Angular html interpret html
Html
49 votes185 views6 answers
Image html
Html
6 votes172 views2 answers
How to edit horizontal line length html
Html
0 vote191 views1 answer
BEM example html
Html
1 vote193 views1 answer
A in new tab
Html