6. Resolution
Screen Density
Density-independent Pixel (dp)
a little more on
design
Saturday, December 22, 12
7. Resolution
Total number of physical pixels on a screen
Examples 320x533 480x800
Screen Density
Density-independent Pixel (dp)
a little more on
design
Saturday, December 22, 12
8. Resolution
Screen Density ldpi mdpi
120 160
Quantity of pixels within a physical area of the screen
dots per inch hdpi xhdpi
(dpi) 240 320
Density-independent Pixel (dp)
a little more on
design
Saturday, December 22, 12
9. Resolution
Screen Density
Density-independent Pixel (dp)
pixels = DP * (DPI / 160)
Bitmap scaling ratio: 3:4:6:8
a little more on
design
Saturday, December 22, 12
10. Start with a 72 resolution document
for a baseline160dpi 320x533 device
a little more on
design
Saturday, December 22, 12
11. Export bitmaps for the 4 screen densities:
120, 160, 240, 320
For a 48x48 icon from our
baseline mdpi design
(320x533)
36x36 for ldpi (x0.75)
48x48 for mdpi (baseline)
72x72 for hdpi (x1.5)
96x96 for xhdpi (x2)
a little more on
design
Saturday, December 22, 12