Logo Questions Linux Laravel Mysql Ubuntu Git Menu
 

iPhone tab bar Item image resolution?

Tags:

iphone

What is the resolution of the image for the tab bar item?

And also, please provide some other useful information regarding that tab item image.

Thanks in advance.

like image 925
Amit Vaghela Avatar asked Sep 30 '08 04:09

Amit Vaghela


People also ask

What is a tab bar on iPhone?

In the Safari section of the Settings app, you can choose your tab view. The "Tab Bar" option moves the address bar to the bottom of the Safari interface, which is the new design. There is a dedicated control bar at the bottom of the Safari interface, and above that, an integrated tab bar and address bar.

How many TAB States should we design for a tab bar?

In general, use three to five tabs in iOS; use a few more in iPadOS and tvOS if necessary.


1 Answers

The documentation says that the tab bar image is usually 30x30, but I've found that the best size to setup the images is 48x32 pixels. This size still renders and gives you a bit more space.

The image is a PNG with transparency, only the mask is used. The UI renders the mask gray when unselected or blue/chrome when selected.

like image 151
lajos Avatar answered Oct 01 '22 22:10

lajos