DEV Community

Praveen Kumar
Praveen Kumar

Posted on

Make images load fast by using Webp image in website

#image #html #css #webdev

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 (1)

Collapse
 
abipravi profile image
Praveen Kumar •

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

Thank You🙏🏻,

Read next

spicecoder profile image

Hierarchical Flattening: The Secret to Managing Complexity in Software Design

pronab pal -

jhernandez504 profile image

Intro Into Bulma CSS: How Good Is It?

Jeremy Hernandez -

taiwo17 profile image

JavaScript's BEST KEPT SECRET is the Power of forEach Functions

Taiwo Shobo -

ivanivanovv profile image

Stripe Subscription Integration in Node.js [2024 Ultimate Guide]

Ivan Ivanov -