/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

30 votes158 views1 answer
The file C:\Users\user\AppData\Roaming\npm\ng.ps1 is not digitally signed. You cannot run this script on the current system. For more information about running scripts and setting execution policy, see about_Execution_Policies at
TypeScript
3 votes154 views3 answers
Cannot find module 'typescript' angular 9
TypeScript
12 votes167 views2 answers
How to make a bool appear in all scripts unity
TypeScript
0 vote153 views1 answer
Threejs how to rotate around object's own center,instead of world center
TypeScript
2 votes181 views2 answers
String to date in typescript
TypeScript
29 votes162 views6 answers
Bootstrap angular
TypeScript
0 vote143 views1 answer
Enable anchor scrolling angular
TypeScript
1 vote144 views1 answer
Font type css system
TypeScript
16 votes143 views2 answers
Loop type in typescript
TypeScript
0 vote156 views1 answer
C# get all elements from list
TypeScript