How to deal with high-density screens
There are many articles on the Web that explain what Dots Per Inch (DPI), Pixels Per Inch (PPI), and Density-independent Pixel (DP/DiP) are. Although it may be important to understand the intricate details of such technologies and terms, let's keep the scope of the book in the realms of what the basis of high density screens is and what we need to understand to create sound responsive designs.
Bitmaps or vectors for high-density screens?
Vectors like SVGs, Icon Fonts, or regular fonts are a visual representation of mathematical equations, thus they never lose quality, no matter their size.
In order for bitmap images to display well on high-density screens, we have to export a high-resolution version of the
Get Mastering Responsive Web Design now with the O’Reilly learning platform.
O’Reilly members experience books, live events, courses curated by job role, and more from O’Reilly and nearly 200 top publishers.
