/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 vote231 views2 answers
Owl carousel get started
Html
1 vote216 views1 answer
Vue js focus ref
Html
0 vote229 views1 answer
Html quize
Html
0 vote255 views2 answers
Bootstrap modal remove gray background
Html
1 vote228 views1 answer
Svelte if block
Html
1 vote235 views1 answer
Laser full form
Html
1 vote230 views1 answer
How to add image caption in markdwon
Html
1 vote216 views1 answer
Difference between first of type and first child
Html
60 votes228 views6 answers
Link in html
Html
1 vote224 views1 answer
Render html jupyter
Html