/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 vote221 views1 answer
MAYA Simulation of how light propagates in an environment known as:
TypeScript
0 vote103 views1 answer
Welsh cup electrodes have
TypeScript
84 votes249 views6 answers
Conda list environments
TypeScript
7 votes105 views3 answers
How to make a rounded button
TypeScript
19 votes140 views4 answers
Number of digits in a number python
TypeScript
2 votes100 views2 answers
Remove all the elements from a numpy array python
TypeScript
0 vote102 views1 answer
Vsc typescript auto build on save
TypeScript
2 votes109 views1 answer
Eslint prettier typescript
TypeScript
0 vote107 views1 answer
Const function typescript
TypeScript
0 vote95 views1 answer
How are uv rays produced
TypeScript