GoogleChrome / GoogleChrome/lighthouse

Suggestions need additional clarity for "Serves images with low resolution"

Open
#15,221 4 comments 0 reactions 1 assignee Claimed by @connorjclark View on GitHub
docs P2
Dominant language
JavaScript
Stars
30.8k
Forks
9.8k
Avg merge
1d 14h
Merged PRs (30d)
20

Description

The logo image on https://c3.ventures is provided at 262 x 68 pixels. This matches the `style="width: 262px; height: 68px"` as well as `width="262"` and `height="68"` attributes on the image.

It's saying the expected size is 393 x 102, but there's no explanation as to why. The computed dimensions in the inspector are 262 x 68. I'm guessing this is due to a device pixel ratio of 1.5 being used by the test browser or something like that, but there's no information to indicate whether that might be the case. I don't know what DPRs are being tested with or should be supported as a best practice and when I click the link I don't see DPR mentioned at all, so if this is why the image is being flagged on the audit it seems like there's an opportunity for additional documentation.

![Screenshot from 2023-07-04 21-04-49](https://github.com/GoogleChrome/lighthouse/assets/322311/3e70150c-9303-4cbd-9afe-ceccc88974a6)

Contributor guide

Open the contributing guide

Assessment

This issue has not been assessed yet.

Get new issues in your inbox

A short digest of beginner-friendly GitHub issues.