/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 vote328 views1 answer
Loop trhough list of lists in python and find single elements
TypeScript
0 vote272 views1 answer
Tell me about your Automation strategy of manual test cases
TypeScript
0 vote278 views1 answer
How to add lists haskell
TypeScript
0 vote272 views1 answer
Replace multiple elements in a list python
TypeScript
0 vote307 views1 answer
Cannot read property 'bypassSecurityTrustResourceUrl'
TypeScript
0 vote256 views1 answer
Common mistakes
TypeScript
4 votes276 views2 answers
Cannot find module .svg' or its corresponding type declarations.
TypeScript
0 vote274 views1 answer
Hide elements using DOM in TypeScript
TypeScript
0 vote291 views1 answer
Could not resolve all artifacts for configuration ':classpath'.
TypeScript
0 vote265 views1 answer
Building a maven EAR project and specifying the configuration of which projects to include, what is the element in the plugin configuration that contains Enterprise Java Bean Projects:
TypeScript