Resolution
Pixels are individual colour points or picture elements; resolution measures how many such pixels can be displayed horizontally and vertically. Resolution is important because it tells us how good the displayed image will look on the screen. The higher the resolution, the better the clarity, as it is able to display more visual information.
Resolution is also used to check the visual quality of hardware devices like mobile phones, tablets, computers, and so on. Of course, the size of the monitor also impacts picture quality. This is because the pixels are stretched on a big screen, unlike on smaller screens where the density of pixels is high, rendering sharper images.
Resolution is expressed as pixels per inch or PPI for displays, which tells us how many pixels can be displayed in one inch of the display. A higher PPI is preferred, as it provides higher resolution and better image. Lower PPI results in pixelated, blurry images that are not easily seen and interpreted.
Resolution is expressed as 1024 x 768, 1280 x 800, and so on. However, it starts getting confusing when two screens of the same size have different resolutions, or different screen sizes have the same resolution. Say, a 12-inch screen and a 22-inch screen both have 1280 x 800 resolution.
The way a website will be displayed on the screen depends on the resolutions. Let’s say two monitors have different resolutions. The screen with a lower resolution will display elements larger to render crisper images, but all elements may not fit on the screen. The high-res monitor will display more elements, which look smaller, but crisper.