How big should a UIBarButtonItem image be?

by

As of iOS 11, the Human Interface Guidelines suggest glyphs be about 25×25 points in toolbars and navigation bars, up to a maximum of about 28 points. (And the HIG should definitely be in your bookmarks if you’re working on iOS apps!)

That would translate to images 25px square for older devices like iPad 2 / Mini, 50px square for most current devices like iPhone 8 or iPad, and 75px square for Retina HD devices (the iPhone 6/7/8 Plus, or iPhone X). Asset catalogs will help immensely in keeping the different asset sizes organized (and Xcode can even generate them from vector sources these days).

More Related Contents:

  1. UILabel position in a UITableViewCell fails on the first try
  2. How do I size a UITextView to its content?
  3. How to change Navigation Bar color in iOS 7?
  4. Underline text in UIlabel
  5. How to use UIVisualEffectView to Blur Image?
  6. How to scale down a UIImage and make it crispy / sharp at the same time instead of blurry?
  7. Displaying a stock iOS notification banner when your app is open and in the foreground?
  8. Event handling for iOS – how hitTest:withEvent: and pointInside:withEvent: are related?
  9. Adding the “Clear” Button to an iPhone UITextField
  10. Understanding performSegueWithIdentifier
  11. iOS 10.3: NSStrikethroughStyleAttributeName is not rendered if applied to a sub range of NSMutableAttributedString
  12. UIDatePicker select Month and Year
  13. High Quality Scaling of UIImage
  14. How do I show/hide a UIBarButtonItem?
  15. How is layoutIfNeeded used?
  16. Tap pressure strength detection using accelerometer
  17. How to change UISearchBar Placeholder and image tint color?
  18. Change the iOS keyboard layout to emoji?
  19. Is it possible to disable floating headers in UITableView with UITableViewStylePlain?
  20. Offscreen UITableViewCells (for size calculations) not respecting size class?
  21. Draw dotted (not dashed!) line, with IBDesignable in 2017
  22. UICollectionView spacing margins
  23. Change color of Back button in navigation bar
  24. How to draw border around a UILabel?
  25. Increase NavigationBar height
  26. Undo/Redo for drawing in iOS
  27. iOS 11 large-title navigation bar not collapsing
  28. Xcode 6 Storyboard Unwind Segue with Swift Not Connecting to Exit
  29. setting image for UIBarButtonItem – image stretched
  30. Working with Live Photos in Playground

Leave a Comment