What Is My Screen Resolution

What is My Screen Resolution

Screen Resolution Test:

1280 x 720

Screen Width: 1280 pixels

Screen Height: 720 pixels

DPR (Device Pixel Ratio): 1.5

Colour bit depth: 24 bits per pixel

Browser viewport (size of the browser window excluding taskbars/toolbars/address bars):

Width: 1280 pixels

Height: 551 pixels

 

Screen Resolution

Screen resolution is the amount of individual pixels in each dimension that can be displayed on screen of electronic visual display device.

This is normally communicated as in width x height (ex.: 1920 x 1080 = 2,073,600 pixels on screen, 1920 is width and 1080 is height).

A higher display resolution can mean sharper and clearer displayed information, since more pixels will make up a higher resolution monitor than a lower resolution monitor. For one, a higher resolution screen can contain more viewable content.

The ‘My screen resolution’ is the resolution of the display device that is used to access this website.

And here are some common resolutions in display product terms:

1280 x 720 (720p, HD, HD Ready, Standard HD):

1080p, Full HD, FHD)1920 x 1080

2560 x 1440 (1440p, Wide Quad HD, Quad HD, WQHD, QHD)

3840 x 2160 (4K, Ultra HD, UHD, 4K UHD)

7680 x 4320 (8K, 8K UHD)

Display device aspect ratio :A ratio between the Width and the Height of the screen.

Some common aspect ratios for displays include:

4:3 (Fullscreen)

16:9 (Widescreen)

21:9 (Ultrawide)

 

Pixels

Pixel (picture element) is the smallest controllable element of a display device so pixel is the basic building block of any image you see on a screen.

Each pixel is further divided into 3 sub-Pixels(individual segments which gives definite RGB), with each segment displaying a single shade (RGB) of various intensity/brightness.

Due to human's perception of colors, the combinations of varying levels of each of those three colors allow single screen pixel to generate all the other colors available in color gamut.

Newer smartphones and tablets may feature different number of subpixels per pixel (PenTile matrices), but this principle remains the same.

In image processing, reference pixel is also called section or pixel that has the actual physical size that represents the abstract idea of pixel as location of visual information.

As per W3C(World Wide Web Consortium), x (reference pixel) is the visual angle of 1 pixel on a display device with pixel density of 96dpi (classic desktop monitor) and viewer distance from reader of nominal arm’s length of 28in.

So visual angle is around 0.0213 degrees and at display arm’s length distance of reader from display is 0.261 mm (1/96 inch) corresponds to one gross pixel.

For many devices the intended user device viewing distance is quite significant, which means the reference pixel size is larger if the viewing distance is larger (eg. TVs) and it is smaller if viewing distance is smaller (eg. Hand held devices like mobiles / tablets etc).

Pixel density is a characteristic of a display device, defined as the number of device pixels in a physical unit The most common use is the170device pixels per inch100 (DPI).

Pixel density can be measured in dpi(dots per inch) or ppi(pixels per inch). Anyway, although historically term dpi has been used for printers & scanners and in the case of electronic displays even though dot translates to pixel and ppi would be the correct term, nowadays both terms are used interchangeably.

Pixel density is the measure of how close is the definition of the display. A higher pixel density for the display results in sharper and clearer text and images being displayed.

Pixel density is simply the native resolution of the display divided by the screen size in inches, and can be calculated from one of two formulas:

PPI = horizontal screen pixels / horizontal screen size in inches

PPI = vert. total pixel count / screen inches (vertically)

Pixel densities for tablets, smartphones and even some current laptops and computer monitors extend from 200 ppi all the way up to above 500, at the upper end occupied by smartphones.

Color depth is the number of different colors that you can see on a pixel and it is based on the number of bits per pixel.

Most of today’s computer and phone displays use 24-bit color depth(“Truecolor”) gives it 16,777,216 color variants.

 

Device Pixel Ratio (DPR)

So based on this, If the DPR of your display device is greater than 1, Searching for asking yourself what is my screen resolution may have left you confused (actually) because why is the output screen resolution test information here different from what is mentioned in their official specifications?

The answer is that apps, including your browser, use CSS pixels, while your device's manufacturer provides the screen density in physical pixels. A CSS pixel is an instantiation of the reference pixel.

Device Pixel Ratio(DPR) is just a number that manufacturers give to devices for HiDPI(High Dots Per Inch) or Retina(Apple copyrighted stuff) displays that we see in modern smartphones, tablets and even nowadays laptops and monitors.

The DPR is directly related to the pixel density of the display, where higher the density more greater the DPR.

DPR or device pixel ratio is the ratio of physical(device) pixels and logical(CSS) pixels in either horizontal(width) or vertical(height) axis of a screen.

That is, DPR refers to number that is helpful for CSS resolution calculation of the screen. Using DPR we can directly see how many actual pixels of hardware make up one CSS pixel.

 

Example:

Apple iPhone 12

Device(pysical) pixels Resolution: 1170 x 2532

DPR: 3

Width: 1170/3 = 390 Height: 2532/3 = 844

So, resolution in CSS pixels: 390 x 844

DPR = 3, so in terms of pixel grid: 3(width) x 3(height) = 9; To make one CSS pixel, we use 9 physical pixels.

 

Background & why is DPR essential:

Apple began shipping Retina display-equipped devices iPhone, iPad and iMac in 2010, marking the introduction of high pixel density devices to the consumer market.

The concept behind these ultra high density pixel display is to render high-definition display equal to or higher than the pixel density that can be discerned by human eye retina.

Consumers continued to get their hands on Retina display and various other manufacturers brought their high pixel density displays to market in subsequent years and they are now commonplace on the consumer landscape.

The big win came with the construction of modern displays, which feature higher physical pixel densities – namely clearer images and sharper text – but if the habit of using a one-to-one mapping between CSS pixels and device pixels that was kept for classic lower pixel density desktop monitors would have been kept – the entire screen would have appeared too small to see or to read.

DPR is therefore a ratio containing its own purpose: To maintains the same "size" of CSS pixels and thus the same "size" of letters, symbols, images and all the other things displaying on the screen over a wide range of devices which differs from each other in physical pixels per absolute unit.

 

Display technology

The devices and methods used to present visual information to viewers are referred to as display technologies. Technology has progressed from mechanical systems to electronic and then even optical systems over the years.

Here, we will make a short review on several challenges, current trends and major inventions in display technology.

One of the earliest electron display devices, the cathode-ray tube (CRT), was demonstrated in 1897 and was first put out on the market in 1922.

To display images, it uses an electron gun on the phosphor-coating screen. CRTs were first monochrome, used in oscilloscopes and black-and-white televisions.

The first color CRT for home use was introduced in 1954. CRTs ruled the display technology world for more than 50 years, and were the displays of choice for both televisions and computer monitors. But the 2000s saw the introduction of LCDs, which started to slowly replace them.

One of the major advancements to display technology came with the introduction of the liquid crystal display (LCD)

Although the concept of liquid crystals was discovered in 1888, usable embodiments of the materials wouldn’t be implemented until 1936. The technology we know today as LCD: the active-matrix LCD was created in 1972.

When voltage is applied to liquid crystal molecules, they align themselves in a certain direction — based on their figurative orientation, light can either pass through or will be blocked out.

Passive-matrix (PMOLED) and active-matrix (AMOLED) refer to the method of addressing the pixels on the LCD.

Passive-matrix LCDs use a lattice of electrodes to dictate the pixels, but active-matrix LCDs use thin-film transistors (TFTs) to toggle the pixels on or off.

Active-matrix (LCD) displays feature faster response times and improved contrast over passive-matrix (LCD), and are found in devices ranging from laptops to smartphones, from tablets to TVs to monitors.

 

A plasma display is a type of flat panel display that uses small cells containing plasma, i.e. ionized gas that responds to electric fields.

Plasma television sets were the first to be publicly sold large (greater than 32 in diagonal) flat panel displays. They were invented in the 1960s and Fujitsu commercially released them in 1992.

Plasma panels are bright, have a wider color gamut, and can be manufactured in reasonably large sizes. They also use more power, emit more heat and lead to more image retention than some other display technologies.

As one of the latest display technologies, Organic Light Emitting Diode, abbreviated as OLED is a technology that has ushered in a new wave of visual platform.

1987 — first practical OLED device demonstrated

OLEDs include organic elements that emit light with an electric current, and don’t need the backlight that LCDs employ.

However, OLEDs surpass LCDs in many aspects including brightness, viewing angles, power consumption, and slim and flexible form factors.

Some high-end smartphones, TVs, and wearable devices make use of OLEDs.

Electronic paper is a new type of display that mimics the appearance of regular paper, employing reflective and bistable materials that hold an image without power. Electronic paper was invented in the 1970s, but entered the market in the 2000s with e-book readers like Amazon Kindle.

Its advantages are being light, cheap, low-power and easily read in sunlight.

It is primarily used for electronic books, digital signs and other uses that do not demand high refresh rates or color.

Some registered quantum dots are used in quantum dot display which is a kind of display based on quantum dots (semiconductors with a diameter only a few nanometers) that emit light of specific colors depending on the dot size.

The idea behind using quantum dots as a source of light was proposed in the 1990s and the first commercial application of quantum dot technology for displays came in 2013 with Sony.

Quantum dot displays can deliver greater brightness, wider color gamut, and lower power consumption than traditional LCD displays.

They are suitable for TVs, monitors, smartphones, and tablets

 

MicroLED Display MicroLED display is a new kind of display using microscopic light-emitting diodes (LEDs) as pixels.

MicroLED displays can provide higher brightness, contrast, efficiency and lifespan compared to OLED displays.

MicroLED technology, invented by a research team in 2000 at the Kansas State University is still at the early stages of commercialization.

They can be used in wearable devices, smartwatches, TVs, and augmented reality devices.

Mini-LED is a display technology that Epistar Corp. proposed in 2017. It utilizes thousands of tiny LEDs to backlight an LCD panel, resulting in more than a thousand dimming zones.

This enhances brightness and contrast control, producing deeper blacks, brighter whites, richer colors, and improved HDR performance.

And mini-LED TVs use less power and have a longer lifespan than ordinary LCD TVs.

Mini-LED tech is going head to head with OLED tech in the premium TV space, delivering comparable or superior pixel quality for a fraction of the price.

LCD is also used in more devices like laptops, monitors, tablets, and smartphones and is one of the promising displays technology of the era.

Another prominent example of advancements in display technology includes the need for visual shift in light and explains the shift to many new generations of various types of displays — all of them require constant progress to meet the requirements of various applications and user preferences, as well as visual quality requirements, performance, and functionality. This transformation is central to how we communicate, learn, work, and entertain in a contemporary environment.