DEV Community 👩‍💻👨‍💻

Praveen Kumar
Praveen Kumar

Posted on

Make images load fast by using Webp image in website

Image description

Why to use Webp images

  1. Webp images is especially build for web by google to optimize the loading speed of images
  2. The image is smaller 26% by size compared to PNG images
  3. WebP supports transparency at a cost of just 22% additional bytes

Image description

Try to use WebP images in website instead of PNG and JPEG images

Example

<img src="image.webp" alt="" />
Enter fullscreen mode Exit fullscreen mode

Thanks for reading...
Image description

Top comments (2)

Collapse
lukeshiru profile image
Luke Shiru • Edited on

No HTML or CSS on the post, so you should remove those tags. Also, IDK how useful it is to say: "Make your images load faster ... by changing your images". When I went into this post I was expecting stuff like preload/prefetch.

Cheers!

Collapse
abipravi profile image
Praveen Kumar Author

Hi @lukeshiru thanks for reply as per your suggesstion i have updated the title

Thank You🙏🏻,

🌚 Life is too short to browse without dark mode