DEV Community


Discussion on: Understanding WebP

alexbeglov1989 profile image

WebP has such a nuance - not all browsers support it. For example, iOS Safari, regular Safari, IE - do not support WebP. Therefore, you must always store at least two versions of each image. Webp (for WebP-enabled browsers) and original image. And give the right version depending on the browser. And the original image must also be optimized/compressed - so that even for browsers without WebP support, images will be optimized (lighter in weight) - this is the third! version of the file.. At the optipic service, I recently noticed a new functionality in which all of this is already in the box. You can even connect everything so that the urls of the images do not change (they remain exactly the same and look like internal urls on my site). But in fact, they are loaded through their system with automatic compression, conversion to webp and recognition of webp support. It turns out that everything is simple and beautiful, and inexpensive))

jmau111 profile image
Julien Maury Author

hi, thanks for your comment, I know this nuance, there are explanations in the post if you read it carefully, including the storage part.

However, for browser support, Safari 14 will implement it \o/.
For IE, as I've said in the article, you can use jpeg XR.

Optitic looks cool, thanks for sharing.

Forem Open with the Forem app