/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 vote106 views3 answers
Html css js uncaught typeerror: cannot set property 'innertext' of null
Html
202 votes228 views6 answers
Href open in new tab
Html
0 vote162 views1 answer
Coreui padding
Html
0 vote147 views1 answer
Markdown new page break
Html
0 vote209 views1 answer
Remove jsessionid from url spring
Html
0 vote152 views1 answer
Color
Html
0 vote172 views1 answer
How to create bold text in html
Html
0 vote173 views1 answer
Notion general mention?
Html
0 vote159 views1 answer
Call to a member function format() on string
Html
1 vote161 views1 answer
Visualizador de pdf html5
Html