-
Notifications
You must be signed in to change notification settings - Fork 27
Description
Hi, I hope this is the right place to bring up this issue. I have a small demo app using the Pexels API and because it pulls images of varying sizes, I can't set the image width and height specifically. I've tried just setting both to auto but Lighthouse will still flag the issue. (Obviously I want the images responsive so I've also set the max-width to 100% and the height to auto.)
I looked at the API response and I see that the large image is set to a certain size:
"large": "https://images.pexels.com/photos/2880507/pexels-photo-2880507.jpeg?auto=compress&cs=tinysrgb&h=650&w=940",
However, the actual sizing is inconsistent [repo made private].
If I add the appropriate width and height as attributes the photos do not scale properly. I think the page looks great with the varying sizes but it kills the performance. Is there a known way around this?
Thanks for reading :)