/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 vote291 views1 answer
Validate text is html format C#
Html
1 vote270 views1 answer
How to disable zoom in html page on different screen resolutions
Html
0 vote268 views2 answers
Auto reload
Html
0 vote268 views1 answer
Soundcloud player html5
Html
0 vote291 views1 answer
Routerlinkactiveoptions
Html
0 vote220 views1 answer
How do you write a basic html code?
Html
5 votes271 views2 answers
Bootstrap 4 classes list with description pdf
Html
1 vote259 views1 answer
Dont follow link html
Html
0 vote304 views1 answer
Html2pdf page break option
Html
1 vote302 views1 answer
How to hide error in laravel
Html