Background Image gets blurry when loaded into LinearLayout - Android

Question

I have a background image with 4 diff dpi placed in different folders.

drawable-xxhdpi contains 1630x1052
drawable-xhdpi contains 970x609
drawable-hdpi contains 603x402
drawable-mhdpi contains 450x290

And here is the full resolution image:

But When I view this image in Android Application using mobile or tablet it becomes blurry as shown below.

I am loading this image using Picasso:

Picasso.with(drawFigure.this).load(R.drawable.back)
.memoryPolicy(MemoryPolicy.NO_CACHE)                 
.networkPolicy(NetworkPolicy.NO_CACHE).into(mCustomLayout);

Please correct me if anyone finds any mistake. Else, is there any any other way to show perfect image. Regards!

score 1 · Accepted Answer · answered Sep 12 '17 at 09:37

Try following

                       ldpi     mdpi     hdpi    xhdpi    xxhdpi       xxxhdpi
Launcher And Home      36*36    48*48   72*72    96*96    144*144     192*192
Toolbar And Tab        24*24    32*32   48*48    64*64    96*96       128*128
Notification           18*18    24*24   36*36    48*48    72*72       96*96 
Background             240*320  320*480 480*800  768*1280  1080 *1920  1440*2560

minus Toolbar Size From total height of Background Screen and then Design Graphics of Screens. also you may refer https://design.google.com/devices/

Thank you. Let me try this answer! – kamranbhatti585 Sep 12 '17 at 09:59 — kamranbhatti585, Sep 12 '17 at 09:59

score 0 · Answer 2 · answered Sep 12 '17 at 10:56

0

Anyone who donot want to create all images one by one can use Plugin described here in the answer by @erluxman. I have tested it by myself and it is working fine.

answered Sep 12 '17 at 10:56

kamranbhatti585

232
2
16

This must be the selected answer. – Dec 03 '17 at 02:09

Background Image gets blurry when loaded into LinearLayout - Android

2 Answers2