Virtual Curiosities

Pixel

What is a Pixel? [Infographic]

Share
Infographic: This is a raster image (small cropped image of Mona Lisa's face). Resolution: 70x64px (Width: 70px, height: 64px) = Area: 4480px (4.48 kilopixels, or 0.00448 megapixels). A zoomed version of the version of the image that appears blocky, with the lines and rows of the blocky grid enumerated. A single colored square zoomed in. Coordinates: 13, 8. Horizontal (x): 13. Vertical (y): 8. This is a pixel. it has a single color. A red, green, and blue circles, overlapping like a Venn diagram with a white color at the center. This is a color model. The color of the pixel is decomposed into darker red, green, and blue colored circles, associated with values from 0% to 100% in ramps from black to red, green, and blue, respectively. R, G, B: these are color channels. Red: 36.5%. Green: 18%. Blue: 14.5%. % RGB: 36.5%, 18%, 14.5%. 0..1 RGB: 0.365, 0.18, 0.145. These are binary numbers: 0 = 0; 1 = 1; 2 = 10; 3 = 11; 4 = 100; 7 = 111; 15 = 1111; 31 = 11111; 63 = 111111; 127 = 1111111; 255 = 11111111; This is a color depth: Red: 01011101; Green: 00101110; Blue: 00100101; 8 bits (binary digits) x 3 = 24 bits. G Red: 93 = 255x0.365. Green: 46 = 255x0.18. GBlue: 37 = 255x0.145. These are hexadecimal numbers: 9, 10, 11, 12, 13, 14, 15, 16, 17... in decimal, equals to 9, A, B, C, D, E, F, A0, A1... in hexadecimal. FF = 16x16 - 1 = 256 - 1 = 255. This is a RGB HEX CODE: GRGB: #5D2E25; G Red: 5D; Green: 2E; GBlue: 26; This is uncompressed pixel data in memory: 010111010010111000100101; 8 bits = 1 byte; a single 8-bit RGB tuple = 3 bytes; A 70x64px 8-bit RGB image = 70x64x3 bytes = 4480x3B = 13440B = 13.44KB It takes 13.44 kilobytes of memory to display a tiny 70x64px image. This image resolution is 542x853px. It's consuming 1.39 megabytes of your memory :)

Description

An infographic explaining what is a pixel in a raster image, and what sort of data a pixel contains.

Metadada

File Type
image/webp
File Size
65.8KiB
Resolution
542x853px

Related Articles

Comments

Leave a Reply

Leave your thoughts! Required fields are marked *