/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

29 votes300 views5 answers
Add mailto in html
Html
6 votes304 views2 answers
How to make links open in a new window
Html
0 vote307 views1 answer
Convert rtf to html
Html
0 vote287 views1 answer
Fixed size body html
Html
0 vote302 views1 answer
Html maintain text in one line
Html
0 vote298 views1 answer
Emoji Symbols in UTF-8 of coins
Html
0 vote271 views1 answer
Vue transition v-if else
Html
1 vote324 views1 answer
Codewithmarley
Html
9 votes294 views2 answers
Html relative path
Html
0 vote321 views1 answer
Image carousel output
Html