/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

5 votes251 views3 answers
Typescript function as parameter
TypeScript
0 vote240 views1 answer
Pandas get count of pair of elements in two columns
TypeScript
0 vote237 views1 answer
Haskell list of lists to list
TypeScript
0 vote257 views2 answers
Spritesheets in pyqt
TypeScript
3 votes257 views2 answers
Check if list of objects contains value c#
TypeScript
1 vote269 views1 answer
Javascript audio delay
TypeScript
0 vote246 views1 answer
Compare two objects deep
TypeScript
5 votes228 views2 answers
Javascript float element right
TypeScript
0 vote231 views1 answer
Copying the contents of a file to another in terminal
TypeScript
0 vote251 views3 answers
Number to string typescript
TypeScript