/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 vote287 views1 answer
Is jeremy ugly
Html
49 votes245 views6 answers
How to increase font size in html
Html
32 votes255 views6 answers
Vue class binding
Html
6 votes258 views2 answers
Html change button size
Html
0 vote270 views1 answer
Script file not working in internet explorer
Html
0 vote245 views1 answer
Display sqlite text with jinja as HTML paragraph
Html
75 votes274 views5 answers
Radio buttons html
Html
0 vote256 views1 answer
How to say what happens on left click in HTML
Html
22 votes281 views3 answers
Syntax for ngfor
Html
0 vote259 views1 answer
Html sup tag
Html