Which graphic file formats are supported by browsers?

Cross BrowserImage Formats

Cross Browser Problem Overview


JPEG, GIF and PNG can be displayed with the img tag and will work in all browsers, the object element can be use for displaying images specifying its MIME type, but what other graphic formats are supported by img or object tag in most browsers without installing plugins? (TIF, SVG, PCX, PICT, etc..)

Cross Browser Solutions


Solution 1 - Cross Browser

There's an excellent chart on wikipedia that lists common image types and their support by browser.

The file types you listed (jpg, gif and png) seem to be the main formats supported by nearly every browser, albeit with certain caveats: > Internet Explorer supports PNG images but is unable to correctly display images with gamma correction or color correction. Versions of Internet Explorer prior to version 7 are unable to correctly display images with alpha channel (for transparency) without additional coding

Solution 2 - Cross Browser

BMP will work most anywhere.

But for web work, you should probably stick to the three you listed in your question.

Solution 3 - Cross Browser

Until 2006, IE didn't deal properly with PNGs that used the alpha channel, while Firefox and other (nearly) standards conforming browsers did. There is still a lot of IE 6 out there, judging by my apache logs.

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
QuestionFlupkearView Question on Stackoverflow
Solution 1 - Cross BrowserConroyPView Answer on Stackoverflow
Solution 2 - Cross BrowserJoel CoehoornView Answer on Stackoverflow
Solution 3 - Cross BrowserPaul TomblinView Answer on Stackoverflow