/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 vote211 views2 answers
CSS Setting Table Column Width
Html
0 vote206 views1 answer
Display div while load
Html
0 vote231 views2 answers
Font awesome css content not showing
Html
213 votes160 views13 answers
Open link in new tab html
Html
0 vote212 views1 answer
Show html files from firebase android studio
Html
0 vote247 views2 answers
How to set the width and heigth of the canvas to be the same size as that of an image
Html
2 votes213 views2 answers
Split div into 2 columns
Html
54 votes215 views6 answers
Input disable autocomplete
Html
4 votes223 views3 answers
Html change button color
Html
1 vote210 views1 answer
Hoow to open a css property in css
Html