BUG? Images not showing on safari

Beaver Builder
1

Earlier I reported that when specifying full size for the images in the images module they don’t display. So I have been using large (1024 x768). This displays well in Chrome.

A visitor now reports that large is not visible on Safari. I checked this, and he is right. It is the same problem as with chrome, but with a smaller image size. The MAC book Pro that I tried it on has a retina display, so it is not a problem with the size of the screen.

You can see this here: http://www.ingeduijsens.nl/ijsduiker-in-de-stad/

Please help me with this.

Pieter

2

[Content Hidden]

3

Hi Pieter,

I have just this moment visited your site on Safari and I see no issue with your images They’re loading just fine for me and I too use a MacBook Pro.

Cloudup

Is that image and the ones below it, the images you’re referring to?

All the best,
Danny

4

Thanks for looking into this Danny!
This is how I see it on my Mac (El Capitan), both with chrome and with safari

mac view

We also see this effect on IOS 9.2

I see the same effect on Windows when I set the image to full size.

Pieter

5

Hi Pieter,

Can you flush the cache from the cache plugin you have installed and then disable the cache plugin. Then try again and see if the images are now visible.

I honestly think this may be related to your cache plugin.

All the best,
Danny

6

Hi Danny,
I did that, but the issue is still there. We also saw it when logged in, and the cache plugin does not cache for logged in user. But without cache it does not work either.

Can you please do the following?
Go the page, and open it with Pagebuilder. Open the image and change the size to medium. Observe that the image now appears. Change it back to large. Observe that it disappears.

Thanks

Pieter

7

Hi Pieter,

I did as you suggested and changed the image size from large to medium, then saved. The image was still visible on my end and then changed back to large. Again, the image was and is still visible.

Therefore, I saved your duck image to my MacBook Pro and then uploaded it to a Photo module on my vanilla (no plugins) test site.

  1. I then used Large size format and saved, then viewed it on Safari. No issue.
  2. Then changed to Medium size format and saved, then viewed on Safari, again no issue.
  3. So I changed back to Large and again, no issue.

Therefore, can you disable all active plugins and see if this resolves the issue. If it doesn’t, can you inspect the image using the Safari developer tools and take a screenshot, so we can see what he URL of the image is.

All the best,
Danny

8

Hi Danny,
unfortunately deactivating all plug-ins did not make a difference.
Here is the screenshot
Inspect

You can see here that with a medium size selected in the module editor the image already appears:
module

I found that the largest image gives an Internal Server Error:
http://www.ingeduijsens.nl/wp-content/uploads/2016/01/20160110-_N1_7745-bewerkt.jpg
That should probably give a clue what is going on!

Thanks Pieter
BTW the “duck” is a 30 inch Great northern diver

9

Ok, I think it may be that some of your image sizes are missing. Basically, when you upload an image WordPress generates a number of different sizes of that image.

Therefore, can you install the plugin I linked below and regenerate your thumbnails. Then see if this resolves your issue.

All the best,
Danny

10

Hi Danny, searching further, I found that the permissions were set right, but not applied to the images that were already uploaded before starting with this theme. It only applied to the full size images, not to the WP generated images. After giving them the corrects rights, the problem disappeared.

I don’t really know why it appeared only on some devices and not others, it probably had to do something with the Retina display size.

Anyway thanks for your active help, I really appreciate this help being available.

Pieter