icon custom bar ios navigationbar

ios - custom - uibarbuttonitem image size



tamaƱo de imagen del elemento de la barra de navegaciĆ³n ios (6)

Quiero personalizar mi botón NavigationBar y usar mis propias imágenes. La pregunta es ¿cuál debería ser el tamaño? Descubrí que el tamaño del botón debe ser de 40 * 40, por lo que la imagen debe ser de 80 * 80 para la retina.


Apple actualizó sus documentation . Ahora los tamaños recomendados para crear iconos personalizados para la Barra de navegación y la Barra de herramientas

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

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


Debe preparar 3 íconos de imágenes para cada elemento de la barra de pestañas (1x, 2x y 3x).

Primero crea el 3x a 75w 75h píxeles (máximo: 144 x 96) y guárdalo como [email protected].

A continuación, cambie el tamaño a 50w 50h píxeles (máximo: 96 x 64) y guárdelo como [email protected].

Finalmente cambie el tamaño a 25w 25h píxeles (máximo: 48 x 32) y guárdelo como iconTab0.png.

Ahora todo lo que necesita es seleccionar esas 3 imágenes en su buscador y arrastrarlas a sus activos de imagen.

directrices de interfaz humana



Estos son los tamaños que la documentation recomienda para iconos personalizados ahora.

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

Cree dos imágenes de los tamaños de píxeles anteriores y luego agréguelos a una nueva imagen establecida en su archivo Assets.xcassets. (Al parecer, el tamaño @ 1 ya no es necesario).

Alternativamente, podría usar una imagen vectorial universal (pdf) (vea here y here ). Esta ha sido mi preferencia recientemente.

Respuesta relacionada


Los documentos de Apple se actualizaron y ahora el tamaño recomendado es de 25pt x 25pt.

Por favor, consulte la documentación here .


Los tamaños estándar típicos (sin Retina) son 22px por 22px, mientras que los tamaños 2x (o Retina) son 44px por 44px.