What image formats do major browsers support? (2012)

I was wondering what image formats (in addition to the basic JPEG, GIF, PNG) will be supported by major browsers, especially Chrome, Firefox and Webkit. If someone could provide a link to a list somewhere (which is frequently updated to handle frequent updates recently), that would be great. It would also be useful to support other formats (e.g. document and video).

It seems to me that this information should be indicated somewhere, but I did not find such a thing when I was looking.

+11
source share
4 answers

Support for basic image files

.bmp , .jpg , .jpeg , .png , .gif

New

.webp

+6
source

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.

+1
source

JPEG and PNG are supported by each browser. But the new image format, which is webP, is only supported by Chrome and partly by Firefox, and Safari is not supported at all. Thou WebP is really good because it does not compromise image quality and also reduces it by 25-35%. But we still cannot use it because it is less flexible in another browser environment. But you can also find a different image format that is available and compatible for each type of browser.

0
source

All Articles