Bug 285085

Summary:

`image-rendering: pixelated` may not render correctly when the image is a background image

Product:

WebKit

Reporter:

anon15972849

Component:

Layout and Rendering

Assignee:

Nobody <webkit-unassigned>

Status:

NEW

Severity:

Normal

CC:

bfulgham, karlcow, sabouhallawa, simon.fraser, webkit-bug-importer, zalan

Priority:

Keywords:

BrowserCompat, InRadar

Version:

WebKit Nightly Build

Hardware:

iPhone / iPad

OS:

Unspecified

Attachments:

Description	Flags
Screenshot	none
rendering in safari, firefox, chrome	none

anon15972849

Reported 2024-12-22 15:36:30 PST

Created attachment 473634 [details] Screenshot When applying `image-rendering: pixelated` to a background image, it will revert back to using smooth interpolation at some zoom levels. This does not occur when applying to an `<img>`. Example: https://jsfiddle.net/3dfsLeub/

Attachments
Screenshot (107.13 KB, image/jpeg) 2024-12-22 15:36 PST, anon15972849	no flags	Details
rendering in safari, firefox, chrome (1.44 MB, image/png) 2024-12-23 19:04 PST, Karl Dubost	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Karl Dubost

Comment 1 2024-12-23 19:04:01 PST

Created attachment 473644 [details] rendering in safari, firefox, chrome Confirmed, Tested in Safari Technology Preview 209 20621.1.6 Firefox Nightly 135.0a1 13524.12.18 Google Chrome Canary 133.0.6914.0 6914.0

Radar WebKit Bug Importer

Comment 2 2024-12-29 15:37:11 PST

<rdar://problem/142155525>

Note You need to log in before you can comment on or make changes to this bug.