Image format supported in popular browsers: BMP, SVG, JPG, PNG and GIF. There are not two jpeg or jpg formats, but one with several extensions that are used here .
Note : SVG (simple vector graphics) can create much smaller images, but only vector images can be used (no raster).
Further, other formats used are webp and jpeg2000.
Webp: - It is supported by many browsers, such as Chrome, Opera. There is a problem here for Firefox support. Please note that Webp can reduce the image memory size by about 30-40% of the original size (in our experiments) on average. This does not always mean that sometimes we transcoded webp from jpegs to go beyond the original jpeg size. The output image had no visual difference compared to the original jpeg. My suggestion: serve webp where possible, i.e. Chrome, Android, Opera.
JPEG2000: - This format is wonderful. Resizing an image does not degrade quality like JPEG. The problem is that it is too intense for decoding, and the fact that it appeared more than ten years ago when the hardware was not large (especially not designed for mobile devices). It is still used in some cameras, as this leads to a reduction in images.
Less popular, but worth mentioning: BPG and FLIF . This will require using JS or another library to work on the web / application.
source share