{"id":193080,"date":"2024-02-29T08:58:32","date_gmt":"2024-02-29T08:58:32","guid":{"rendered":"https:\/\/www.techopedia.com\/?post_type=definition&p=193080"},"modified":"2024-02-29T08:58:32","modified_gmt":"2024-02-29T08:58:32","slug":"hidpi","status":"publish","type":"definition","link":"https:\/\/www.techopedia.com\/definition\/hidpi","title":{"rendered":"HiDPI"},"content":{"rendered":"
HiDPI (High Dots Per Inch) refers to a high-resolution display technology that can reduce pixelation<\/a> by rendering more pixels<\/a> per square inch. The increased pixel density allows HiDPI displays to deliver text and images that are significantly sharper and more detailed when viewed close up.<\/p>\n Apple’s Retina display<\/a> is one of the earliest and most well-known examples of HiDPI technology. Today, most display manufacturers sell devices with high-resolution display screens.<\/p>\n HiDPI technology ensures that even on compact displays, content appears crisp and clear.<\/p>\n Before the widespread adoption of HiDPI, most computer displays had a pixel density of around 72-96 pixels per inch<\/a> (PPIs). This standard density was sufficient for many years, but as computing devices got smaller and the demand for higher resolution and sharper imagery increased, displays with much higher pixel densities became more common.<\/p>\n While there isn’t a universally agreed-upon meaning for what constitutes HiDPI, a common benchmark is that displays with more than double the PPI of the old standard (72-96) can arguably be classified as HiDPI.<\/p>\n To inform consumers about their display’s capabilities, non-Apple manufacturers may use the labels Quad HD<\/a> (QHD) or 4K HD<\/a> when describing screen resolutions that are high enough to qualify as HiDPI.<\/p>\n Modern operating systems are designed to automatically detect and adjust HiDPI settings when connected to a high-resolution display. This capability ensures that the device\u2019s user interface<\/a> (UI) will scale appropriately to maintain readability and visual clarity across different screen sizes and resolutions<\/a>.<\/p>\n Scaling, in this context, is the process of increasing the number of pixels used to render a visual element. For example, if a display has a scaling factor of 2x, the device\u2019s operating system<\/a> (OS) and software<\/a> apps will render elements so that they use twice as many pixels as they would have in an older LoDPI display.<\/p>\n Essentially, HiDPI packs more pixels into the same physical space on a display than LoDPI, but operating systems and individual applications need to support image scaling to make HiDPI usable.<\/p>\n For websites and software applications to render correctly on both HiDPI and non-HiDPI displays, they have to be designed with responsive design<\/a> principles in mind.<\/p>\n In web design, this involves using techniques such as cascading style sheets<\/a> (CSS) and vector-based<\/a> image elements. Media queries<\/a> enable CSS to apply different styling rules based on the display\u2019s width and height, and vector images use mathematical equations to scale images to any size without losing quality.<\/p>\n Android<\/strong> categorizes screen densities into different buckets to help developers design apps<\/a> that look good on a wide range of devices.<\/p>\n These density categories are:<\/p>\nTechopedia Explains the HiDPI Meaning<\/h3>\n
<\/p>\n
How HiDPI Works<\/span><\/h2>\n
HiDPI and Responsive Design<\/span><\/h2>\n