Image in webp or jpg??

WebP can improve loading times on your site. The one caveat is that not all browsers use it. Check your traffic analytics to find out which browsers your visitors prefer, and whether a switch to WebP would affect their experience.
 
WebP is excellent choice for both images and animated images, an absolutely amazing image format for website designers.
 
JPGs are destructive to image quality because this file type doesn't preserve every pixel of color within an image, and the more you save it the lower the quality.
 
Last edited:
WebP images are usually smaller than jpg. WebP has superior compression. The use of WebP images on your own website can therefore improve performance while also decreasing the amount of data stored on your server.
webp for a better compression, if you plan on using jpeg atleast try png. png can be transperent background if that has any importance for you.
My AI says:
It is feasible to observe sites that say that WebP is superior to JPEG, however it is more precise to say that WebP is a likely option in contrast to JPEG. This is on the grounds that JPEG is as yet the most generally utilized configuration on the web, and keeping in mind that WebP is a practical other option, it isn't yet a feasible substitution.\n\nCertain individuals will say that WebP is superior to JPEG in light of the fact that it utilizes a further developed pressure calculation, which can create a superior quality picture with a more modest record size. WebP additionally upholds straightforwardness, which implies that it can uphold different picture designs, like GIF and PNG. Be that as it may, there are a few drawbacks to WebP also. For instance, WebP isn't upheld by Internet Explorer, and isn't upheld by most programs yet.
I use ImageOptim to cleanup my images. For anything else I use ImageMagick. I try to use JPEG over PNG because it provides smaller file sizes while still retaining image quality, but I use PNG if I need transparent backgrounds in my images. If I'm creating a WordPress website then I use a plugin like WebP Converter for Media which will convert and serve webp/avif images if the browser supports it.

As far as image dimensions go there isn't a one size fits all for the web because of all of the different device types and screen resolutions. You should really be serving responsive images by creating several image sizes and serving the correct image based on the support screen.
I am not using .webp for one reason - not all browsers supports it.
Why not use a image optimization plugin that supports a fallback function for browser that does not support it then, your missing out.
In my opinion.. is too early for webp .. plenty of users with outdated browsers .

According to caniuse, currently 79.2% of browsers support the WebP image format.

So about 20% ..

Jpeg is my go to option
JPGs are destructive to image quality because this file type doesn't preserve every pixel of color within an image, and the more you save it the lower the quality.

WebP can improve loading times on your site. The one caveat is that not all browsers use it. Check your traffic analytics to find out which browsers your visitors prefer, and whether a switch to WebP would affect their experience.

Thanks, everyone !!
 
PNG is comparable larger than JPG on it's own
I would only use PNG over JPG if it needs to be transparent.

I personally use WEBP, but i do have a fallback for JPG if they dont support it

I stand corrected.

I usually use png because image can be transparent and then compress them but your right jpg is smaller and you always want your website to be faster.

There are some browsers that don't support WEBP so we have to keep that in mind but in most cases is better
 
which third-party Image compressor you use to compress your image without losing quality and in which Dimensions??
Use shortpixel web to compress up to 50 images at once. I prefer JPEG.
 
I started using webp for my blog images, but not exclusively.

Sometimes I use PNG, other times Jpeg, depending on which yields the smallest file size for the same quality.

Another thing I like about webp is that people are more reluctant to steal images from your site if they're in an unfamiliar format, most people even have problems opening them on their desktop, let alone edit them.
 
Webp image not supported by all browsers and that affects user experience.
 
Any format would work , unless their are many factors , but my opinion would be image optimizer or compressor so that it does not effect page speed !
 
Back
Top