La imagen exportada no se representa correctamente en iOS

Tengo esta imagen en formato .ai y la exporté como png de tamaños: 25x25, 50x50 y 75x75 pngs para el icono de la barra de pestañas de iOS.

25 50 75

Pero cuando se renderiza en iPhone, veo esto (el primer icono, parece un huevo):

barra de pestañas

Entonces, ¿cuál es el problema aquí? ¿Píxeles demasiado densos en la ilustración original? No soy diseñador gráfico, así que ayúdame a entender cómo puedo solucionarlo.

Si solo ve la imagen de 25x25, ¿se ve correcta? Si es así, probablemente sea un error en el código.
Sí, parece correcto (lo agregó a la pregunta). No creo que sea un problema en el código porque es el comportamiento predeterminado de ios y no tengo una barra de pestañas personalizada. Otros íconos (como el trofeo) funcionan bien.
Supongo que tiene algo que ver con el nombre del archivo u otro problema relacionado con píxeles no relacionados con la imagen.
En Illustrator, ¿creó las partes blanca y verde claro con formas reales de blanco y verde claro, o son (parcialmente) transparentes, y la mesa de trabajo de Illustrator proporciona el blanco?
@Vincent No lo sé, lo hizo un profesional independiente.
Luego intente y confirme eso: si puede exportar desde Illustrator, puede verificar las formas y las opacidades, ¿verdad? :)

Respuestas (1)

Parece que el problema se describe aquí: https://stackoverflow.com/questions/25894974/how-can-i-fix-the-tab-bar-of-the-tab-bar-controller-in-ios

El problema es que tu imagen carece de transparencia. La barra de pestañas espera que su imagen sea una máscara de transparencia (también llamada plantilla); solo se tiene en cuenta su grado de transparencia/opacidad. Su imagen es completamente sólida opaca, por lo que aparece como un cuadrado sólido.

Arregle su imagen o derive de ella una imagen cuyo modo de representación sea Siempre original para forzar que aparezca el dibujo real de la imagen en lugar de su opacidad.

Además, las imágenes de la barra de pestañas deben ser de un solo color. Esta es la imagen final que funciona:

logotipo de trabajo

https://developer.apple.com/library/content/documentation/UserExperience/Conceptual/UIKitUICatalog/UITabBar.html

La imagen exportada no se representa correctamente en iOS
RespuestasAquíPolítica de privacidad1y, 0v