Difference between the PIXEL and POINT

Pixel

A pixel (short for picture element) is the smallest element in an electronic image. The greater the number of pixels the camera uses to capture a picture, the better the quality of the picture. Digital camera resolutions range from about 4 million to more than 16 million pixels (MP).

Point

The point is a unit of length, point is mostly used when you want to measure the height of a font. But when talking about technically point can be used measure any length. In any application 1 point is exactly equal to the 1/72th of an inch. So 72pt is 0.996264 inches. Let us compare it with the Pixels, the pixels of the one point depends on the resolution of your image. E.g if the resolution of your image is 72 pixels per inch (ppi) then 1 point is equal to the 1 Pixel.

PRO TIP:😉

Figma is a vector-based design tool, so it does not use pixels or points. Instead, it uses mathematical equations to define shapes. This means that your designs can be scaled to any size without losing quality.

Now how the normal v/s retina v/s super retina display work??

When Steve Jobs launched the iPhone 4, and with it the first Retina display, he described it as having a screen with so many pixels packed so closely together (it was rated as 326ppi — pixels per inch) that they were imperceptible to the human eye at a distance of 12 inches. You wouldn’t see individual pixels: you’d just see the image those pixels created.

Some devices has pixel densities of more than 326ppi, some with less. How can they all be called Retina?

It’s because there are two crucial elements to whether or not pixels are perceptible: density and distance. The further your eyes are from the screen, the lower the pixel density needed to make the pixels ‘disappear’. Generally speaking, the bigger the screen, the further your eyes are likely to be from it and so the lower the pixel density required to ‘qualify’ as a Retina display.

So, for example, the iPhone 4, 5, 6, 7 and 8 all have screens with a pixel density of 326ppi, while Plus versions have a higher density of 401ppi. The iPhone X, XS and XS Max have pixel densities of 458ppi.

Look at the 13in MacBook Pro, though, and its screen has a density of just 227ppi. But it qualifies as Retina because you sit further from a laptop screen.

That’s all for now. Hope you have understood. 😄

Feel free to ask if you have any questions. I will always try to answer :)