Bug 162930

Summary:

Lack of dithering in CSS gradients leads to banding

Product:

WebKit

Reporter:

lensco <lensco>

Component:

CSS

Assignee:

Nobody <webkit-unassigned>

Status:

RESOLVED INVALID

Severity:

Normal

CC:

dino, rmondello, simon.fraser

Priority:

Version:

Safari 10

Hardware:

Mac

OS:

macOS 10.12

Attachments:

Description	Flags
CSS gradient banding in Safari	none

lensco

Reported 2016-10-04 12:21:02 PDT

Created attachment 290634 [details] CSS gradient banding in Safari CSS gradients in Safari on macOS are severely banded because of a lack of dithering. Compare with Chrome, which does apply dithering and doesn't suffer gradient banding. Here's a quick example: http://jsfiddle.net/5usvjbk2/2/embedded/result/

Attachments
CSS gradient banding in Safari (37.50 KB, image/png) 2016-10-04 12:21 PDT, lensco	no flags	Details
View All Add attachment proposed patch, testcase, etc.

Simon Fraser (smfr)

Comment 1 2016-10-04 13:05:15 PDT

Gradients on Mac/iOS are rendered by CoreGraphics, which is below WebKit, so we can't fix this in webkit itself.

Simon Fraser (smfr)

Comment 2 2016-10-04 13:33:22 PDT

This is covered by rdar://problem/23422249.

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