#Effective resolution calculator android

If there are non-vector assets like photos or illustrations in your design, it can be useful to know which density buckets you’re targeting, serving the right asset to each device to speed up loading and to avoid distortion and “out of memory” errors.įinding the density bucket is as easy as looking at the table in the documentation linked above and comparing it to our dpi value.

#Effective resolution calculator android

The Android Developers documentation on pixel density also outlines the notion of “density qualifiers,” which Android uses to serve bitmap drawable resources in an app. Next we’ll do the same calculation for the screen’s height in density-independent pixels.Ģ280 = dp×2.775 dp = 2280/2.775 dp = 822 Finding the density bucket 🔍 In our example, we know the screen’s pixel resolution is 1080×2280px, and its physical dimensions are 2.44×5.15” so we can plug those values into the formula, starting again with width.ġ080 = dp×(444/160) 1080 = dp×2.775 dp = 1080/2.775 dp = 389 The screen’s dpi (written as ppi) should be available at one of the sources mentioned above. You can easily set up artboards and assets that focus on specific form factors, and reliably reproduce your design across them.įor this formula (which you can find in the Android Developers documentation on pixel density), we need to know the screen’s pixel resolution, the dimensions we calculated before, and the screen’s ppi. So knowing the dp resolution of a device can be really helpful in targeting that device with your design. Measuring in dp allows designers and developers to ensure that what they create appears at the same physical size across screens, no matter what density those screens happen to be. So our screen dimensions are 2.44×5.15” Finding dp Resolution 📏ĭensity-independent pixels are Android’s logical pixel. So for our example, we know the screen diagonal is 5.7 and the aspect ratio is 19:9 (which we’ll write as 19/9 in the formula).Īnd now that we know Width, we can solve for Height. Width = diagonal / √(AR²+1) Height = (AR)×Width The formulas for this - which I learned from an Omni Calculator page by Hanna Pamula - are fairly easy to use, and only require a diagonal measurement and an aspect ratio (AR). The first one is the screen’s dimensions in terms of width and height. Finding Screen Dimensions 📐Īfter filling in the readily available info, we have three more specs to solve for.

For devices that don’t have in-depth or easily accessible specification pages, sites like the GSMArena Phone Finder can be a good resource. However, to simplify the calculation and accommodate non-Gaussian peaks, the following calculation methods are used in actual practice. The screen diagonal, aspect ratio, and pixel resolution can all be found on the Pixel 4 product page.