Some images not showing on iPhone

Design help General
1

Hello. A few of the images on my site are not loading on iOS. They load fine when I preview inside the designer and fine on the webflow.io staging site on Mac, Windows and Android devices.

This is a screenshot of the issue on iPhone X in Chrome:

iOS.PNG
iOS.PNG1125×2436 146 KB

It should look like this (screenshot from Android device in Chrome):

Android
Android799×1600 96.9 KB

I’ve had a good look through the forum to see if I could find anything. I’ve reduced the image sizes down on mobile to below 250kB… but no luck.

Hopefully, it’s something simple that I’ve missed :crossed_fingers:

Any and all help will be much appreciated :blush:

Device: iPhone X
iOS version: 14.5
Browsers: Chrome & Safari

Here is my site Read-Only: https://preview.webflow.com/preview/dsr-com-v2?utm_medium=preview_link&utm_source=designer&utm_content=dsr-com-v2&preview=d39eadb8ce736175e534a803da23d1e7&mode=preview

Here’s my staging site: https://dsr-com-v2.webflow.io/

1 Like
2

Same here!! Are there any solutions or updates now?

3

I found that the images were taking 0x0 width and height during inspection, so assigned each images some ID and then gave specific width and height to these values