www.toolmax.nl - Pixelated images compared to Chrome
Categories
(Web Compatibility :: Site Reports, defect, P3)
Tracking
(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:
- Navigate to: https://www.toolmax.nl/#sqr:(q%5Bvise%5D)
- 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
| Reporter | ||
Updated•1 year ago
|
Comment 1•1 year ago
|
||
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
}
Comment 2•1 year ago
|
||
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.
Updated•11 months ago
|
Updated•10 months ago
|
Updated•4 months ago
|
Description
•