/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 vote113 views1 answer
Wergensherts meaning
TypeScript
0 vote109 views1 answer
Requests python-passlib python-pil -y ubuntu 18.04
TypeScript
0 vote105 views1 answer
Error TS2307: Cannot find module '@ngx-meta/core'.
TypeScript
0 vote114 views1 answer
Type script array declaration
TypeScript
0 vote111 views1 answer
How to link to page elements html
TypeScript
114 votes276 views3 answers
How to check whether file exists in python
TypeScript
0 vote130 views1 answer
Vb net code snippets for storing password
TypeScript
0 vote128 views10 answers
Javascript to typescript converter online
TypeScript
1 vote118 views1 answer
Serenity Criteria typescript
TypeScript
0 vote130 views1 answer
What do brackets mean in python
TypeScript