banner



android app design screen size

This article has now been superseded by the latest Lollipop 6.0 Android Icon Size Guide. Please click on the image below for the latest information.

Click to see latest Android Icon Guide

What are Android Icon Sizes?

It is a simple question but even Android, who provide better documentation than most, seems to make you want to work a little for the answer. Fear not, I have done the work for you!

Android Icon Sizes – App Launcher

What sizes do I need for Android App launcher icons? If you want to design your own or commission a professional to design your custom icons, you really need to know the right sizes.

Quick answer: 48 px, 72 px, 96 px, 144 px, 192 px & 512 px (for Google Play Store).

Android App Launcher Icon Sizes

What about the Google Play Icon?

Google play requires a single additional version of the Icon in 512 x 512 pixels. Android Play Store Icon Size

Understanding Android Icon Sizes

Android approach their Icon Size documentation slightly differently to other platforms, concentrating on different pixel densities rather than the simple facts we want. However, it is worth taking a moment to understand why they use this approach.

As technology has progressed, manufacturers have brought out hardware with ever increasing resolutions and pixel density. An increase in pixel density or dots per inch (dpi), basically means more image information can be displayed with.

  • MDPI – Medium Pixel Density – also known as the 'Baseline'
  • HDPI – High Pixel Density
  • XHDPI – Extra High Pixel Density
  • XXHDPI – Extra Extra High Pixel Density

Note: Android also supports low-density (LDPI) screens, but you normally don't need to create custom assets at this size because Android effectively down-scales your HDPI assets by 1/2 to match the expected size.

Need an expert to design your Android icons?

We will create a design you love, that also converts more customers.

Get your new App icon

Android Icon Sizes – User interface

All Android icons follow the same scaling rules, so when creating your icon files you must make 5 versions to cover all the platforms available. The table below shows the pixel densities and icon sizes for the different types of user interface icons used by Android:

MDPI (Baseline) HDPI XHDPI XXHDPI XXXHDPI
Scale 1 x 1.5 x 2 x 3 x 4 x
DPI ~ 160 dpi ~ 240 dpi ~ 320 dpi ~ 480 dpi ~ 640 dpi
App Launcher Icons 48 px 72 px 96 px 144 px 192 px
Action bar Icons 32 px (24px inset) 48 px 64 px 96 px 128 px
Small / Contextual Icons 16 px (12px inset) 24 px 32 px 48 px 64 px
Notification Icons 24 px (22px inset) 36 px 48 px 72 px 96 px

Whilst the user interface icons follow the same scaling rules as the app launcher icon, they also have some additional display rules of their own:

Android Action bar Icon Sizes

Action bar Android Icon Sizes

Action Bar Icons require a file size of 32×32 pixels at the baseline size (MDPI). However, the image itself must be no more than 24×24 pixels centred within the Icon file.

The Icon Design must be single colour #666666 with a transparency set to 60%

Android Small / Contextual Icon Sizes

Android Small / Contextual Icon Sizes

Action Bar Icons require a file size of 16×16 pixels at the baseline size (MDPI). However, the image itself must be no more than 12×12 pixels centred within the Icon file.

The Icon Design must be single colour #666666 with a transparency set to 60%

Android Notification Icon Sizes

Android Notification Icon Sizes

Action Bar Icons require a file size of 24×24 pixels at the baseline size (MDPI). However, the image itself must be no more than 22×22 pixels centred within the Icon file.

The Icon Design must be single colour white, #ffffff.

Android's own icon guide can be found here:

  • Android Iconography

I hope this Android Icon size guide has been helpful. Please let me know if there is something else you would like me to add or elaborate on. Thanks!

Need Android icons?

Let's improve your sales with app icons that convert

Get Android icons

android app design screen size

Source: https://www.creativefreedom.co.uk/icon-designers-blog/android-4-1-icon-size-guide-made-simple/

Posted by: haleycouldic1973.blogspot.com

0 Response to "android app design screen size"

Post a Comment

Iklan Atas Artikel

Iklan Tengah Artikel 1

Iklan Tengah Artikel 2

Iklan Bawah Artikel