/TypeScript/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

1 vote311 views1 answer
How to pring events in pygame
TypeScript
0 vote296 views2 answers
Kotlin get first n elements from list
TypeScript
1 vote291 views1 answer
Battle cats challenge battle
TypeScript
0 vote325 views1 answer
Mat stepper dont clickable
TypeScript
0 vote343 views4 answers
Two form in rasa
TypeScript
0 vote337 views1 answer
Clean broken shortcuts in windows start menu
TypeScript
3 votes311 views2 answers
Expo vector icons props
TypeScript
0 vote314 views1 answer
How to set references in sequelize type config/options
TypeScript
0 vote342 views1 answer
Css how to make a elements of same type start at same height
TypeScript
0 vote262 views10 answers
Eval)free robux 2000
TypeScript