/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

0 vote178 views1 answer
You can initiate objects from a
TypeScript
0 vote286 views1 answer
Are multiple statements per line in python discouraged PEP 257
TypeScript
0 vote229 views1 answer
Flutter web keep focus on textfield
TypeScript
-1 vote286 views1 answer
Ts async function type
TypeScript
12 votes195 views5 answers
Font awesome angular
TypeScript
1 vote205 views1 answer
React native image picker launch camera example
TypeScript
0 vote187 views1 answer
Google sheets automatic update rook
TypeScript
0 vote188 views1 answer
How to get the table contents from a file in python
TypeScript
0 vote198 views1 answer
Find common elements in two flutter
TypeScript
0 vote187 views3 answers
Node rts stream
TypeScript