/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 vote239 views4 answers
Symfony\Component\Debug\Exception\FatalThrowableError Type error: ReflectionFunction::__construct() expects parameter 1 to be string, array given
TypeScript
0 vote253 views1 answer
If word contains space detects using jquery
TypeScript
0 vote294 views1 answer
What are the used of curly brackets in react functions
TypeScript
68 votes452 views6 answers
Python activate virtual environment
TypeScript
2 votes256 views1 answer
Components meaning
TypeScript
0 vote273 views1 answer
How to combine pdf documents C#
TypeScript
0 vote231 views1 answer
What is the importance of testng xml file
TypeScript
0 vote296 views2 answers
Bootstrap dropdown menu not showing
TypeScript
0 vote258 views1 answer
Difference between facets and filters algolia
TypeScript
0 vote267 views1 answer
Typescript object get value by key
TypeScript