The above picture is an example for sub pixel rendering. I tried resizing the image to very small size in editor by saving it onto my local machine. As I resize the image, group of pixels (sometimes all of them) turn either into Red, Green or Blue.
When all 3 diodes(RGB) in a single pixel emits light, to human visual perception it produces White(1,1,1). What happens when i try to reduce the image size? How does one of the RGB color becomes dominant over the other, emitting colors other than white?
Device used: Macbook Pro 15" 2018
While resizing(upto its limit) the above pixel block(1x1) sits onto either one of the three sub pixel in my physical device screen(3x3 since image size is reduced) which could emit only one color. Thus any of the 3 colors become prevalent based on where the one pixel block in the image above is placed on one of the 3 subpixels of one pixel block in my physical machine.
I am a newbie to computer graphics. Any clarification or brief explanation on why this happens is much appreciated.
Update: @Olivier I resized the image using mousepad(Zoom out using two finger pinch) on Preview app in mac