/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

55 votes386 views6 answers
Html template
Html
0 vote390 views4 answers
Material datepicker
Html
3 votes308 views1 answer
Html form button don't submit
Html
0 vote312 views1 answer
Hightcharts font
Html
194 votes383 views6 answers
How to add css to html
Html
0 vote312 views1 answer
Input type submit align center
Html
12 votes352 views3 answers
Vue v-model
Html
-1 vote329 views1 answer
Display text html
Html
0 vote331 views2 answers
How to get 2 headings in same line in html
Html
0 vote336 views1 answer
How to change website icon html
Html