/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

2 votes138 views1 answer
Typescript loop over map with value as array
TypeScript
0 vote142 views1 answer
Share data across tab through localstorage
TypeScript
5 votes172 views1 answer
Heroku database error unknow attribute first_name for user
TypeScript
0 vote160 views1 answer
Outputs i angular
TypeScript
1 vote157 views1 answer
Header imitate python
TypeScript
2 votes157 views1 answer
Style mat-dialog-container
TypeScript
3 votes167 views1 answer
Find a value in list of objects in c#
TypeScript
-1 vote141 views3 answers
Connect redis typescript usage
TypeScript
1 vote142 views1 answer
@angular/fire/angularfire2.d.ts:37:49 - error TS2344: Type 'T[K]' does not satisfy the constraint '(...args: any) => any
TypeScript
1 vote138 views1 answer
Google sheets concatenate 3 values
TypeScript