/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 vote230 views1 answer
How to get just the ports in kubernetes
TypeScript
5 votes208 views2 answers
Response.json results in pretty data python
TypeScript
1 vote247 views6 answers
Swift constraints programmatically
TypeScript
3 votes206 views1 answer
How to create a dataframe from two lists in python
TypeScript
15 votes244 views4 answers
Typescript clear array
TypeScript
25 votes212 views4 answers
Filter typescript
TypeScript
0 vote221 views1 answer
How to search for elements that are on the webpage using html
TypeScript
0 vote238 views1 answer
Angular modal dismisss
TypeScript
0 vote226 views1 answer
Angular typescript filter array group by attribute
TypeScript
0 vote214 views2 answers
Removing alphabets from a string in python
TypeScript