Communities

Writing
Writing
Codidact Meta
Codidact Meta
The Great Outdoors
The Great Outdoors
Photography & Video
Photography & Video
Scientific Speculation
Scientific Speculation
Cooking
Cooking
Electrical Engineering
Electrical Engineering
Judaism
Judaism
Languages & Linguistics
Languages & Linguistics
Software Development
Software Development
Mathematics
Mathematics
Christianity
Christianity
Code Golf
Code Golf
Music
Music
Physics
Physics
Linux Systems
Linux Systems
Power Users
Power Users
Tabletop RPGs
Tabletop RPGs
Community Proposals
Community Proposals
tag:snake search within a tag
answers:0 unanswered questions
user:xxxx search by author id
score:0.5 posts with 0.5+ score
"snake oil" exact phrase
votes:4 posts with 4+ votes
created:<1w created < 1 week ago
post_type:xxxx type of post
Search help
Notifications
Mark all as read See all your notifications »
Users Search
Help Dashboard Sign In Sign Up
Q&A Blog
Q&A
Posts Tags Edits
Ask Question

Welcome to Codidact Meta!

Codidact Meta is the meta-discussion site for the Codidact community network and the Codidact software. Whether you have bug reports or feature requests, support questions or rule discussions that touch the whole network – this is the site for you.

Post History

66%
+2 −0
Q&A Browser-Specific Image Problems

There have been some "images don't display in all browsers" problems. This is a test of that. Each image is "Test Image" in magenta/pink letters on a white background. PNG JPG TIF BMP ...

1 answer  ·  posted 4y ago by manassehkatz‭  ·  edited 3y ago by 10 Rep‭

Question bug status-completed
#7: Post edited by user avatar 10 Rep‭ · 2021-01-07T03:38:54Z (over 3 years ago)
added alt text. 
Browser-Specific Image Problems
  • There have been some "images don't display in all browsers" problems. This is a test of that. Each image is "Test Image" in magenta/pink letters on a white background.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows 7 & 10 Firefox: TIF does not display
  • * Windows 7 & 10 Chrome: TIF does not display
  • * Windows 7 & 10 Opera: TIF does not display
  • * Windows 7 & 10 IE: BMP does not display
  • * Windows 7 & 10 Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
  • This appears to **not** be a Codidact problem per se:
  • * If I try to display the files directly (file://c:/etc. as a URL) in Firefox, the PNG, JPG and BMP all work as expected but TIF ends up as a download.
  • * Another (ahem) helpful site has [some information](https://stackoverflow.com/questions/2176991/display-tiff-image-in-all-web-browser) about this problem.
  • So it appears that JPG and PNG are the only truly reliable image formats. Actually, I'm 99+% certain that GIF is also universal, but generally speaking JPG and PNG are preferred to GIF.
  • Probably no quick & easy solution. Suggestions:
  • * Check filetype on upload and only allow if filetype (based on contents, not simply file extension) is PNG, JPG or GIF. This has the advantage of not just blocking marginal image formats but also helping to block malicious Javascript or other nasty stuff.
  • * Detect BMP and TIF and offer to convert to JPG or PNG using [ImageMagick](https://imagemagick.org) or a similar system.
  • There have been some "images don't display in all browsers" problems. This is a test of that. Each image is "Test Image" in magenta/pink letters on a white background.
  • PNG
  • ![test image png format](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![test image jpg format](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![test image TIF format](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![test image BMP format](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows 7 & 10 Firefox: TIF does not display
  • * Windows 7 & 10 Chrome: TIF does not display
  • * Windows 7 & 10 Opera: TIF does not display
  • * Windows 7 & 10 IE: BMP does not display
  • * Windows 7 & 10 Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
  • This appears to **not** be a Codidact problem per se:
  • * If I try to display the files directly (file://c:/etc. as a URL) in Firefox, the PNG, JPG and BMP all work as expected but TIF ends up as a download.
  • * Another (ahem) helpful site has [some information](https://stackoverflow.com/questions/2176991/display-tiff-image-in-all-web-browser) about this problem.
  • So it appears that JPG and PNG are the only truly reliable image formats. Actually, I'm 99+% certain that GIF is also universal, but generally speaking JPG and PNG are preferred to GIF.
  • Probably no quick & easy solution. Suggestions:
  • * Check filetype on upload and only allow if filetype (based on contents, not simply file extension) is PNG, JPG or GIF. This has the advantage of not just blocking marginal image formats but also helping to block malicious Javascript or other nasty stuff.
  • * Detect BMP and TIF and offer to convert to JPG or PNG using [ImageMagick](https://imagemagick.org) or a similar system.
#6: Post edited by user avatar ArtOfCode‭ · 2020-06-25T01:10:55Z (almost 4 years ago)
#5: Post edited by user avatar manassehkatz‭ · 2020-06-24T21:39:21Z (almost 4 years ago)
  • There have been some "images don't display in all browsers" problems. This is a test of that.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows 7 & 10 Firefox: TIF does not display
  • * Windows 7 & 10 Chrome: TIF does not display
  • * Windows 7 & 10 Opera: TIF does not display
  • * Windows 7 & 10 IE: BMP does not display
  • * Windows 7 & 10 Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
  • This appears to **not** be a Codidact problem per se:
  • * If I try to display the files directly (file://c:/etc. as a URL) in Firefox, the PNG, JPG and BMP all work as expected but TIF ends up as a download.
  • * Another (ahem) helpful site has [some information](https://stackoverflow.com/questions/2176991/display-tiff-image-in-all-web-browser) about this problem.
  • So it appears that JPG and PNG are the only truly reliable image formats. Actually, I'm 99+% certain that GIF is also universal, but generally speaking JPG and PNG are preferred to GIF.
  • Probably no quick & easy solution. Suggestions:
  • * Check filetype on upload and only allow if filetype (based on contents, not simply file extension) is PNG, JPG or GIF. This has the advantage of not just blocking marginal image formats but also helping to block malicious Javascript or other nasty stuff.
  • * Detect BMP and TIF and offer to convert to JPG or PNG using [ImageMagick](https://imagemagick.org) or a similar system.
  • There have been some "images don't display in all browsers" problems. This is a test of that. Each image is "Test Image" in magenta/pink letters on a white background.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows 7 & 10 Firefox: TIF does not display
  • * Windows 7 & 10 Chrome: TIF does not display
  • * Windows 7 & 10 Opera: TIF does not display
  • * Windows 7 & 10 IE: BMP does not display
  • * Windows 7 & 10 Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
  • This appears to **not** be a Codidact problem per se:
  • * If I try to display the files directly (file://c:/etc. as a URL) in Firefox, the PNG, JPG and BMP all work as expected but TIF ends up as a download.
  • * Another (ahem) helpful site has [some information](https://stackoverflow.com/questions/2176991/display-tiff-image-in-all-web-browser) about this problem.
  • So it appears that JPG and PNG are the only truly reliable image formats. Actually, I'm 99+% certain that GIF is also universal, but generally speaking JPG and PNG are preferred to GIF.
  • Probably no quick & easy solution. Suggestions:
  • * Check filetype on upload and only allow if filetype (based on contents, not simply file extension) is PNG, JPG or GIF. This has the advantage of not just blocking marginal image formats but also helping to block malicious Javascript or other nasty stuff.
  • * Detect BMP and TIF and offer to convert to JPG or PNG using [ImageMagick](https://imagemagick.org) or a similar system.
#4: Post edited by user avatar manassehkatz‭ · 2020-06-24T18:33:15Z (almost 4 years ago)
  • There have been some "images don't display in all browsers" problems. This is a test of that.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows 7 & 10 Firefox: TIF does not display
  • * Windows 7 & 10 Chrome: TIF does not display
  • * Windows 7 & 10 Opera: TIF does not display
  • * Windows 7 & 10 IE: BMP does not display
  • * Windows 7 & 10 Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
  • There have been some "images don't display in all browsers" problems. This is a test of that.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows 7 & 10 Firefox: TIF does not display
  • * Windows 7 & 10 Chrome: TIF does not display
  • * Windows 7 & 10 Opera: TIF does not display
  • * Windows 7 & 10 IE: BMP does not display
  • * Windows 7 & 10 Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
  • This appears to **not** be a Codidact problem per se:
  • * If I try to display the files directly (file://c:/etc. as a URL) in Firefox, the PNG, JPG and BMP all work as expected but TIF ends up as a download.
  • * Another (ahem) helpful site has [some information](https://stackoverflow.com/questions/2176991/display-tiff-image-in-all-web-browser) about this problem.
  • So it appears that JPG and PNG are the only truly reliable image formats. Actually, I'm 99+% certain that GIF is also universal, but generally speaking JPG and PNG are preferred to GIF.
  • Probably no quick & easy solution. Suggestions:
  • * Check filetype on upload and only allow if filetype (based on contents, not simply file extension) is PNG, JPG or GIF. This has the advantage of not just blocking marginal image formats but also helping to block malicious Javascript or other nasty stuff.
  • * Detect BMP and TIF and offer to convert to JPG or PNG using [ImageMagick](https://imagemagick.org) or a similar system.
#3: Post edited by user avatar manassehkatz‭ · 2020-06-24T18:24:32Z (almost 4 years ago)
  • There have been some "images don't display in all browsers" problems. This is a test of that.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows Firefox: TIF does not display
  • * Windows Chrome: TIF does not display
  • * Windows Opera: TIF does not display
  • * Windows IE: BMP does not display
  • * Windows Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
  • There have been some "images don't display in all browsers" problems. This is a test of that.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows 7 & 10 Firefox: TIF does not display
  • * Windows 7 & 10 Chrome: TIF does not display
  • * Windows 7 & 10 Opera: TIF does not display
  • * Windows 7 & 10 IE: BMP does not display
  • * Windows 7 & 10 Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
#2: Post edited by user avatar manassehkatz‭ · 2020-06-24T18:20:29Z (almost 4 years ago)
  • There have been some "images don't display in all browsers" problems. This is a test of that.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • Let's see what happens.
  • There have been some "images don't display in all browsers" problems. This is a test of that.
  • PNG
  • ![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)
  • JPG
  • ![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)
  • TIF
  • ![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)
  • BMP
  • ![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)
  • ----
  • Tested using browserstack.com:
  • * Windows Firefox: TIF does not display
  • * Windows Chrome: TIF does not display
  • * Windows Opera: TIF does not display
  • * Windows IE: BMP does not display
  • * Windows Edge: TIF does not display
  • * Mac Safari: No problems!
  • * Mac Firefox: TIF does not display
  • * Mac Chrome: TIF does not display
  • * Mac Opera: TIF does not display
  • * Mac Edge: TIF does not display
  • * Android (Google Pixel 4) Chrome: TIF does not display
  • * Android (Google Pixel 4) Firefox: TIF does not display
  • * iOS (iPhone 11) Safari: No problems!
  • * iOS (iPhone 11) Chrome: No problems!
#1: Initial revision by user avatar manassehkatz‭ · 2020-06-24T18:03:12Z (almost 4 years ago) 
There have been some "images don't display in all browsers" problems. This is a test of that.

PNG
![Image alt text](https://meta.codidact.com/uploads/zZWZt36eQuKif2ZQzjp8mtJs)

JPG
![Image alt text](https://meta.codidact.com/uploads/UdnHXMZXrwyjsuDLCTvUuYMP)

TIF
![Image alt text](https://meta.codidact.com/uploads/ZKTrTRirecY933bKq4AaBugE)

BMP
![Image alt text](https://meta.codidact.com/uploads/yyybNwk7uYjhaC9RSsgsWCwz)

Let's see what happens.