iOS navigation bar item image size

IosNavigationbar

Ios Problem Overview

I want to customize my NavigationBar button and using my own images.

The question is what the size should be?

I found that the button size should be 4040, so the image should be 8080 for retina?

Ios Solutions

Solution 1 - Ios

These are the sizes that the documentation recommends for custom icons now.

enter image description here

  • @2: 50 x 50
  • @3: 75 x 75

Create two images of the above pixel sizes and then add them to a new image set in your Assets.xcassets file. (Apparently the @1 size is no longer needed.)

enter image description here

Alternatively, you could use a universal vector image (pdf) (see here and here). This has been my preference recently.

Related answer

Solution 2 - Ios

Apple updated their Human Interface Guidelines Docs. Now the recommended sizes for creating custom icons for Navigation Bar and Toolbar

  • @2x - 48px × 48px (24pt × 24pt @2x)

  • @3x - 72px × 72px (24pt × 24pt @3x)

enter image description here

Solution 3 - Ios

The typical standard sizes (non-Retina) are 22px by 22px, while the 2x (or Retina) sizes are 44px by 44px.

Solution 4 - Ios

Apple docs were updated and now the recommended size is 25pt x 25pt.

Please refer to documentation here.

Solution 5 - Ios

You should prepare 3 images icons for each tab bar item (1x, 2x and 3x).

First create the 3x at 75w 75h pixels (maximum: 144 x 96) and save it as [email protected].

Then resize it to 50w 50h pixels (maximum: 96 x 64) and save it as [email protected].

Finally resize it to 25w 25h pixels (maximum: 48 x 32) and save it as iconTab0.png.

Now all you need is to select those 3 images at your finder and drag them to your image assets.

human interface guidelines

enter image description here

enter image description here

enter image description here

Solution 6 - Ios

Here are the current sizes:

https://developer.apple.com/design/human-interface-guidelines/ios/icons-and-images/custom-icons/

"Toolbar and navigation bar - between 24x24 (@1x) and 28x28 (@1x)".

Categories
Recommended Ios Solutions
Recommended Navigationbar Solutions

Previous Solution:

Why are std::shuffle methods being deprecated in C++14?

C++C++11DeprecatedC++14Stl Algorithm

Next Solution:

How to access the real value of a cell using the openpyxl module for python

PythonCellOpenpyxl

Attributions

All content for this solution is sourced from the original question on Stackoverflow.

The content on this page is licensed under the Attribution-ShareAlike 4.0 International (CC BY-SA 4.0) license.

Content TypeOriginal AuthorOriginal Content on Stackoverflow
Questionuser2053760View Question on Stackoverflow
Solution 1 - IosSuragchView Answer on Stackoverflow
Solution 2 - IosVinoth VinoView Answer on Stackoverflow
Solution 3 - IosdavidrayowensView Answer on Stackoverflow
Solution 4 - IosPaul NView Answer on Stackoverflow
Solution 5 - IosDishaView Answer on Stackoverflow
Solution 6 - IosSea Coast of TibetView Answer on Stackoverflow