Page MenuHomePhabricator

Add image-rendering to cssImage3 set
Open, Needs TriagePublic


image-rendering (caniuse) is a CSS Image 3 property that tells the browser how to best upscale an image. It is very useful for keeping server-side image output like that from Module:Graph crisp and readable.

The standard prescribes these names: auto | smooth | high-quality | crisp-edges | pixelated. Of these, crisp-edges and pixelated are the two most useful options we need, although you may also want to allow -webkit-optimize-contrast because Chrome (which the majority of visitors use) wants to use its own name for crisp-edges.

Event Timeline

Arthur2e5 created this task.May 7 2019, 3:55 AM
Restricted Application added subscribers: Liuxinyu970226, Aklapper. · View Herald TranscriptMay 7 2019, 3:55 AM
Aklapper added a comment.EditedMay 7 2019, 10:48 AM

<s>@Arthur2e5: How is this related to css-sanitizer?</s>Meh, please ignore. I skipped reading the word "parser".

Anomie moved this task from Unsorted to Needs code on the css-sanitizer board.May 8 2019, 3:15 PM
Anomie added a subscriber: Anomie.

image-rendering is a CSS Image 3 property

I don't see it in the latest published version of CSS Image Values and Replaced Content Module Level 3. It seems it's currently only in the Editor's Draft.

Other than that and the attendant possibility for it to be modified before it is finally published, this request seems sensible enough.

Tgr updated the task description. (Show Details)May 21 2019, 9:09 PM
Tgr added a subscriber: Tgr.May 21 2019, 9:13 PM

Per caniuse it's at 90% support (plus a few more percent with IE's custom equivalent, -ms-interpolation-mode: nearest-neighbor).

Aklapper removed a subscriber: Anomie.Oct 16 2020, 5:01 PM