Images not showing in Chrome Browser

Question

Images not showing in Chrome Browser

We publish a number of blogs using WordPress version 4.4. You can see one here;

https://www.rovolunteers.com/cambodia-village-immersion-blog/4393-2/

If you view the page on Safari it will appear just fine. If you view it on a Mac using Chrome the images do not appear or, more correctly, they appear as small tiles with their file names attached.

We first noticed the problem about 6-8 weeks ago. Our office runs 6 iMacs all of different ages and capacities and all with the most up to date software, OS X El Capitan 10.11.2. We also have 3 Mac Book Air computers all with the latest software. They also display the blogs as described above. The problem arises whether we are in our office or in another location such as an airport etc.

The problem does not appear on Android phones used in the office.

We have asked this question on the WordPress forum and, while the people there were helpful, they had no idea of what the cause might be. Does any one here have the same problem or an idea as to what might be causing our issue.

THKS Tom.

Posted on Jan 5, 2016 8:06 PM

Reply

Answer 1

Yer_Man

Level 10

162,242 points

Jan 5, 2016 10:53 PM in response to tomfromspit junction

This is an issue specific to Chrome (and Chromium) and it's been there for a few years now. Basically it's a bug.

You're using png for those images. The simple solution is to replace them with jpegs. Should solve it.

Other than that:

http://stackoverflow.com/questions/8323946/how-can-i-edit-chrome-mime-type-mappi ngs/12235918#12235918

Reply

Answer 2

Jan 7, 2016 7:07 PM in response to Yer_Man

Yes, what you say is true for png files but is also applies to all other file types jpg and jpeg included. The only additional piece of information is that if we look at old blogs, eg around Jan 2014, the images are still there on the blog and displaying correctly but they are no longer in the images file on Wordpress. If we view later blogs where the images are in the Images file on Wordpress then they do not appear on the blog if we use Chrome on an iMac. No problem with PCs or Android phones.

Reply

Answer 3

Yer_Man

Level 10

162,242 points

Jan 7, 2016 10:30 PM in response to tomfromspit junction

Not really sure what your point is, in any event, the issue is with the browser, not with any Apple product. You need to take it up with the makers of Chrome.

Reply

Answer 4

HainKurt

Level 1

4 points

May 3, 2016 3:29 PM in response to tomfromspit junction

Hi

your issue is using https and http

if you open this page

http://www.rovolunteers.com/cambodia-village-immersion-blog/4393-2/

then you can see the images... So, to fix the issue you should remove http:// or https:// from image src and just use "//.../some_img.png"

then the images will use the protocol used by page, either http or https, will work in both cases...

>>>

or just use relative path

or

or

here is the error message in chrome:

Mixed Content: The page at 'https://www.rovolunteers.com/cambodia-village-immersion-blog/4393-2/' was loaded over HTTPS, but requested an insecure image 'http://www.rovolunteers.com/cambodia-village-immersion-blog/wp-content/uploads/2 016/01/Screenshot-38-768x380.png'. This request has been blocked; the content must be served over HTTPS.

3(index):251 Mixed Content: The page at 'https://www.rovolunteers.com/cambodia-village-immersion-blog/4393-2/' was loaded over HTTPS, but requested an insecure image 'http://www.rovolunteers.com/cambodia-village-immersion-blog/wp-content/uploads/2 016/01/Screenshot-39-768x373.png'. This request has been blocked; the content must be served over HTTPS