<p>Here's an example of a downsampling filter that takes pixel geometry into account: <a href="http://journals.cambridge.org/article_S2048770312000030" rel="noreferrer">Increasing image resolution on portable displays by subpixel rendering</a>.</p>

<p>Image (a) below is an image downsampled using pixel-based downsampling. Image (b) is downsampled using direct subpixel-based downsampling, which (as far as I can tell) effectively downsamples the R, G, and B planes of the image independently. Image (c) is downsampled using diagonal direct subpixel-based downsampling, which uses a diagonal pattern to improve apparent resolution in both horizontal and vertical directions.</p>

<p><a href="https://i.sstatic.net/kZlsj.jpg" rel="noreferrer"><img src="https://i.sstatic.net/Z4bmt.jpg" alt="Figure 11 from the paper"></a></p>

<p>You can see that the last two images look sharper, but also have the characteristic color fringing.</p>

<p>Here's the downsampling pattern used for the last image:</p>

<p><img src="https://i.sstatic.net/cWk6g.jpg" alt="DDSD downsampling pattern"></p>

CC BY-SA 3.0
2015-09-04T05:48:17.307Z
By displaying the images magnified, you entirely negate the benefit of using subpixels, so the comparison images aren't representative of the actual results. You should try posting the original-size images if possible.
yuriks
CC BY-SA 3.0
2015-09-04T05:57:12.960Z
@yuriks There's another smaller resolution that I can find (http://journals.cambridge.org/fulltext_content/SIP/SIP1/S2048770312000030_fig11p.jpeg) but it's not immediately apparent to me that that version is not minified or magnified. I do think it's educational to see the magnified version, since it lets you see the fringing and doesn't actually get rid of the sharpness relative to the regular downsampling.
John Calsbeek
CC BY-SA 3.0
2015-09-04T06:21:43.853Z
@yuriks, problem with these kinds of images are that not all monitors have same subpixel sequence. And on mobile devices the orientation needs to change when the user turns the device.
joojaa
CC BY-SA 4.0
2024-10-25T14:05:06.580Z
@JohnCalsbeek A subpixel-rendered image has its benefits only at a certain resolution. Upscaling it replicates (tiles) its local subpixel patterns, e.g. a diagonal line turns into a diagonal zig-zag. That may look sharp, but it's not the original image contents.
root
CC BY-SA 3.0
2015-09-04T05:13:15.667Z
2015-09-04T05:59:27.147Z
2015-09-04T05:59:27.147Z
John Calsbeek
<p>Subpixel rendering is used most commonly to anti alias fonts. It works by leveraging the physical layout of the color components of a display to give geometry details to an image that are smaller than a pixel.</p>

<p>For instance, this font has a height of 3 pixels but can easily be read:
<a href="https://i.sstatic.net/cq392.png" rel="noreferrer"><img src="https://i.sstatic.net/cq392.png" alt="enter image description here"></a></p>

<p>from: <a href="http://www.sitepoint.com/two-teeny-tiny-fonts/" rel="noreferrer">http://www.sitepoint.com/two-teeny-tiny-fonts/</a></p>

<p>This is a monochromatic case, and i could see this possibly working in a greyscale case, but it seems like it always has to be used in situations where you have high contrast.</p>

<p>Is it possible to use sub pixel rendering in a full color situation, such as those you'd find while doing a 3d render of a scene?</p>

<p>I think that it must not be, since it won't be high contrast enough, but does anyone have examples to the contrary?</p>

<color><subpixel-rendering>
Is colorized subpixel rendering possible?
Alan Wolfe
# Is colorized subpixel rendering possible?

(Asked by: username_0 on 2015-09-04)

Subpixel rendering is used most commonly to anti alias fonts. It works by leveraging the physical layout of the color components of a display to give geometry details to an image that are smaller than a pixel.

For instance, this font has a height of 3 pixels but can easily be read:
[![enter image description here](https://i.sstatic.net/cq392.png)](https://i.sstatic.net/cq392.png)

from: <http://www.sitepoint.com/two-teeny-tiny-fonts/>

This is a monochromatic case, and i could see this possibly working in a greyscale case, but it seems like it always has to be used in situations where you have high contrast.

Is it possible to use sub pixel rendering in a full color situation, such as those you'd find while doing a 3d render of a scene?

I think that it must not be, since it won't be high contrast enough, but does anyone have examples to the contrary?

**Tags:** color, subpixel-rendering


---

## 1 answers

### Answer by username_1 on 2015-09-04. Score: 5 | Accepted answer

Here's an example of a downsampling filter that takes pixel geometry into account: [Increasing image resolution on portable displays by subpixel rendering](http://journals.cambridge.org/article_S2048770312000030).

Image (a) below is an image downsampled using pixel-based downsampling. Image (b) is downsampled using direct subpixel-based downsampling, which (as far as I can tell) effectively downsamples the R, G, and B planes of the image independently. Image (c) is downsampled using diagonal direct subpixel-based downsampling, which uses a diagonal pattern to improve apparent resolution in both horizontal and vertical directions.

[![Figure 11 from the paper](https://i.sstatic.net/Z4bmt.jpg)](https://i.sstatic.net/kZlsj.jpg)

You can see that the last two images look sharper, but also have the characteristic color fringing.

Here's the downsampling pattern used for the last image:

![DDSD downsampling pattern](https://i.sstatic.net/cWk6g.jpg)

> **Comments:**
> **username_2**: By displaying the images magnified, you entirely negate the benefit of using subpixels, so the comparison images aren't representative of the actual results. You should try posting the original-size images if possible.  
> **username_1**: @username_2 There's another smaller resolution that I can find (http://journals.cambridge.org/fulltext_content/SIP/SIP1/S2048770312000030_fig11p.jpeg) but it's not immediately apparent to me that that version is not minified or magnified. I do think it's educational to see the magnified version, since it lets you see the fringing and doesn't actually get rid of the sharpness relative to the regular downsampling.  
> **username_3**: @username_2, problem with these kinds of images are that not all monitors have same subpixel sequence. And on mobile devices the orientation needs to change when the user turns the device.  
> **username_4**: @username_1 A subpixel-rendered image has its benefits only at a certain resolution. Upscaling it replicates (tiles) its local subpixel patterns, e.g. a diagonal line turns into a diagonal zig-zag. That may look sharp, but it's not the original image contents.  

---

