/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

2 votes130 views1 answer
React.children
TypeScript
0 vote134 views1 answer
Convert int number in f#
TypeScript
0 vote131 views1 answer
Check if two lists have overlap python
TypeScript
0 vote136 views1 answer
What are the parts of an array called
TypeScript
0 vote127 views1 answer
Excel separate input cell contents by space
TypeScript
0 vote128 views1 answer
Additional data structures
TypeScript
0 vote134 views1 answer
How to parameterize test cases
TypeScript
0 vote142 views1 answer
Django model get all documents with a given foreign key
TypeScript
0 vote130 views1 answer
Angular no internet detection
TypeScript
0 vote151 views2 answers
C++ map key exists
TypeScript