/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 vote235 views1 answer
B-table-column v-slot undefined
Html
0 vote214 views1 answer
Bootstrap 4 basic structure
Html
0 vote211 views1 answer
Ionic 5-star-rating
Html
0 vote220 views3 answers
Html css text style on a word
Html
0 vote221 views1 answer
Links do not have a discernible name
Html
0 vote202 views2 answers
How to give value to model from radio button html asp with enums if checked
Html
22 votes217 views3 answers
Syntax for ngfor
Html
0 vote199 views1 answer
How to defualt volume at 50% of video html
Html
-3 votes205 views6 answers
Bootstrap toast
Html
1 vote214 views1 answer
Ardhaan's world
Html