Large-sized image is not showing on iOS iPad or iPhone

Design help General
1

Hello,
I would need some people to test this page : yaeal.webflow.com on mobile device cos on my Ipad or Iphone, the page is not loading the picture.

Strange…

Thanks in advance.

Regards,
Ruben.
EDIT : yael.webflow.com

2

can you link your project’s public link?

3

Hello,
How to do that ?

4
5

Thanks for your help !
Here is the link : https://webflow.com/design/yael?preview=20935f47e9dac4ac80a8750ce76a1df2

Regards,
Ruben.

6

@Ruby, it looks like your image’s resolution is too big for some devices. You should resize your image (in a separate application like Photoshop) to a smaller resolution (e.g. 1200px at the largest dimension), and that should fix it for IOS devices.

See the “Known Resource Limits” on this page for more details: Creating Compatible Web Content

7

I changed the size of the original picture but it does not fixed the problem.
Can you test the page on mobile device : yael.webflow.com

Ruben.

8

Your image info:

Dimensions: 2487 × 2845
File size: 1.0 MB
MIME type: image/jpeg

iOS devices can take up to 250KB file size. You should change its size to eg. 1600px and compress it so it’s 230KB top! And because it’s a black and white image you should consider using vectors in here. SVG is better for logos :wink:

9

Hello,
I’m not okay with your point of view cos the image is shown on the page : yael.webflow.com/yael2

On this page I tried to display image directly into the home section.
But I can’t use this way to display the image cos on Firefox the image is not resized correctly.

10 
Dimensions: 895 × 1024
File size: 516 KB
MIME type: image/jpeg

Again, image size is over 250KB. Compress it.

11

@Ruby, @bartekkustra is right, it appears that the file size is too big.

Check out some of these tools to shrink the size of your image: Best Image Optimization Tools - Webflow Tips - Forum | Webflow