Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design

Posted by Vinaysingh Rajput
Vinaysingh Rajput
990 Points

In the variety of smartphone display sizes, what resolution(pixel) is better for basic UI design for android & ios?

I am getting some icons, logo and user interface style from a graphic designer. He needed the pixel size to design the logo. Can you please let me know what will be standard pixel size for icons ,images needed for android and ios application?

Rebecca Riley
Rebecca Riley
Courses Plus Student 2,265 Points
Rebecca Riley
Rebecca Riley
Courses Plus Student 2,265 Points

There are different required sizes for Android versus iOS. You can find the icon sizes for iOS on Apple's Human Interface Guidelines here: https://developer.apple.com/ios/human-interface-guidelines/graphics/app-icon/.

For Android, Google's guidelines are here: https://developer.android.com/guide/practices/ui_guidelines/icon_design.html (click on the icon type to get the needed size).

There are also a sites, like Icon Reference, where you can choose the operating system and get the required sizes: http://iconhandbook.co.uk/reference/chart/ - not sure if this is up to date or not though.

There are templates that will create all icon sizes required for these operating systems as well - such as Apply Pixels (https://applypixels.com/), which isn't free, or you can find templates around the internet as well. I believe you can even programmatically create them as well, but I've only created icons through templates.