Different Sizes Of Images In Android

I'm trying to create main activity in my application using GridView. I need to have a grid 3x3. Every cell contains ImageView (icons for different actions). All images must have th

Solution 1:

This is one of the most asked question, you can search for more details, but let me give you briefly how it works.

MDPI is considered as the base line and following are the scales

MDPI    - X1
HDPI    - X1.5
XHDPI   - X2
XXHDPI  - X3
XXXHDPI - X4

Now you must be thinking what is this.

Since you want to have 3X3 grid with cell of equal size, you can consider the following. In general mdpi screen size is 360 X 640, so each image size will be 120dp X 212dp Approx.

For mdpi screen, your Image size should be 120px X 212px
For hdpi screen, your Image size should be 180px X 318px
For xhdpi screen, your Image size should be 240px X 424px
For xxdpi screen, your Image size should be 360px X 636px
For xxxdpi screen, your Image size should be 480px X 848px

Now where you should place these images?

Project -> app -> src -> main -> res

Here, create folders with name drawable-mdpi, drawable-hdpi, etc, and place respective images in these folders.

Thats it for supporting multiple screen densities.

According to docs, MDPI and HDPI screen sizes are given considering their aspect ratio to 3:4, but since most of the users have HD devices with aspect ratio of 9:16, you can consider the most standard screen size in Market i.e. 1080 X 1920 which corresponds to XXHDPI and acts as baseline to make the assumption of considering MDPI to be 360 X 640. For high quality apps, trade off has to be made for lower devices since most of the existing users have XXHDPI or higher devices.