Open Bug 1901202 Opened 1 year ago Updated 4 months ago

www.toolmax.nl - Pixelated images compared to Chrome

Categories

(Web Compatibility :: Site Reports, defect, P3)

Tracking

(Webcompat Priority:P3, Webcompat Score:4)

Webcompat Priority P3
Webcompat Score 4

People

(Reporter: rbucata, Unassigned)

References

(Depends on 1 open bug, )

Details

(Keywords: webcompat:platform-bug)

User Story

platform:windows
impact:significant-visual
configuration:general
affects:all
user-impact-score:70

Environment:
Operating system: Windows 11/Windows 10
Firefox version: Firefox 126.0/Firefox 128.0a1

Steps to reproduce:

  1. Navigate to: https://www.toolmax.nl/#sqr:(q%5Bvise%5D)
  2. Observe how the images are rendered

Expected Behavior:
Images are loading as expected

Actual Behavior:
Images appear blocky and pixelated compared to Chrome

Notes:

  • Reproduces regardless of the status of ETP
  • Reproduces in Firefox Nightly, Firefox Release
  • Does not reproduce in Chrome

Created from https://github.com/webcompat/web-bugs/issues/137886

Summary: www.toolmax.nl - Pixelated images → www.toolmax.nl - Pixelated images compared to Chrome

The site specifies the following CSS for img [ https://logic4cdn.azureedge.net/cdn/styles/clients/toolmax/less/main.css?v=0x8DC75AFE80D2252 ].

img {
  image-rendering:crisp-edges;
  image-rendering:-webkit-optimize-contrast
}

Thanks Alice.

Also additional info from: https://github.com/webcompat/web-bugs/issues/137886

When loading this page the images appear blocky and uncomfortable to view. This disappears if 'crisp edges' rendering style is disabled in Inspect. Chrome appears to deem this style invalid and ignores it, rendering the images very pleasantly.

Severity: -- → S3
User Story: (updated)
Depends on: 1731134
Priority: -- → P3
Webcompat Priority: --- → P3
Webcompat Score: --- → 4
User Story: (updated)
You need to log in before you can comment on or make changes to this bug.