Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

setting the size of navigationbar icon ios [duplicate]

I want to know is there any default size for Navigationbar icons.where designer need to design it.Should they design it for retina and non-retina display.At present I'm using images downloaded from internet which are not looking great.

like image 519
user2823044 Avatar asked Apr 22 '14 05:04

user2823044


2 Answers

Create navigation bar icon in the following sizes:

About 44 x 44 pixels

About 22 x 22 pixels (standard resolution)

more informtation you can find here https://developer.apple.com/library/ios/documentation/userexperience/conceptual/mobilehig/BarIcons.html

like image 171
User 1531343 Avatar answered Sep 16 '22 23:09

User 1531343


The recommend sizes in the docs for the navigation bar icons are as follows:

@1: 25 x 25
@2: 50 x 50
@3: 75 x 75

Create three images of the above pixel sizes and then add them to a new image set in your Assets.xcassets file.

enter image description here

Notes

  • When I try to make the icons at the recommended sizes, they look too small to me. I actually make them a little bigger than that. So take the doc recommendations as a starting point, but you might have to make adjustments as necessary.
  • A second method would be to use a single universal vector image (pdf) (see here and here). Not everyone recommends this, but it is the method I use now. It's convenient and makes future image editing and resizing easier.
like image 25
Suragch Avatar answered Sep 19 '22 23:09

Suragch