▼
Streaming live at 10am (PST)

Responisive images problem

#1

Hello, I'm very frustrated with the automatically scaling images. I tried to test my site on different displays and found problems on imac and ipad. The responsive images doesn't work properly in different screens.

Here is the share link:
https://preview.webflow.com/preview/yi-hsuan?preview=0b88592e59892892307158729486e49a
And here is the publish link: https://yi-hsuan.webflow.io/

Imac: None of the images have shown up, except for the gif.
Ipad: The images look blurry when I set every width to 100%.

imac.png1920x927 450 KB

on ipad2.PNG1024x768 450 KB

I'm wondering how the responsive images have been recalculated? To avoid the slow loading speed, I limited most of the images to 1778x1002px or 2362x898px around 200~300kb.

Can anyone help solve this problem? Or is there any way that I can adjust these pictures for myself?
Thank you!
Lilian

#2

Its because the browser are blocking the images as they are are served over http instead of https. Some browsers will show the images and some won't. I am not sure how to change the images src to https. I have not used HTTPS myself on Webflow yet. Perhaps write to Webflow support.

#3

Thank you @philipboomy
Your answer lights up my day:)
But the images on ipad still look blurry, is there any solution?

closed #4

This topic was automatically closed 60 days after the last reply. New replies are no longer allowed.