What image type and resolution is ideal for a logo inside of a Android Mobile Application?


I have a png of a logo I am trying to import into my Android Application. However, it is looking extremely pixelated when I import it into my mobile app. The image is 538px by 113 px with a resolution of 72.

I have the vector of the image. I am just placing that vector into photoshop and then saving it as a png.

The image: https://www.dropbox.com/s/0b2bb1t0960jr7z/logo.gif?dl=0

The view in the mobile app:

enter image description here

What dimensions, resolution, format type, Android xml traits, or programs should I use so that the image comes in clearer in the application?

5/16/2017 5:11:00 PM

Accepted Answer

When developing in Android, keep in mind that different devices have different screen sizes and screen densities. If you're using Android Studio, when you import the image as a resource to your project, you should be prompted about the different densities of the image (low, medium, high, etc.). It could be possible that your development environment activity is at a different density than your actual device (assuming you are building to the device from the screenshot attached), or expects a different resolution than your image.

Also, if you are displaying the image using an ImageView, check the 'ScapeType' property and see if it's causing the image to appear differently than desired.

More information on supporting different screen sizes in Android

More information on ScaleType

5/27/2015 7:20:00 PM