iOS cómo configurar el ícono de la aplicación e iniciar imágenes

170

¿Cómo configuro las imágenes para poder archivar y validar mi aplicación? La pantalla se ve así ahora:

ingrese la descripción de la imagen aquí

Entonces el primero dice 29pt, pero luego también dice 2x. Entonces, ¿pongo una 29x29imagen o una 58x58imagen? ¿Y dónde pongo todos los demás? (Sé que hay más tamaños que 29, 40y 60).

De todos modos, lo que intenté fue arrastrar un 29x29png a la primera ranura, una 40x40a la segunda y una 60x60a la tercera y cuarta. Cuando fui a Product->Archive, me sale

/ Users / kendon / Documents / iPhone Apps / Sales Tool / Sales Tool / Images.xcassets: el conjunto de iconos de la aplicación llamado "AppIcon" no tenía ningún contenido aplicable.

usuario3925803
fuente
seleccionar AppIcon e inspector de atributos del grifo, sino que también muestra la dimensión necesaria para 29x29 y 58x58 1x para 2x etc
Muhammad Adnan
3
Puede usar este sitio web para crear todos los íconos de la aplicación makeappicon.com
AL̲̳I
9
¿Por qué no podemos hacer esto en el propio Xcode? No hay aplicaciones especiales o sitios web. Una sola imagen grande, eso sería demasiado fácil, ¿no? Así es como lo hago en Unity
tsukimi
Parece que la imagen está demasiado cerca de los bordes del fondo blanco en el icono, ¿hay alguna manera de hacerla más pequeña pero manteniendo la misma relación píxel a píxel que se requiere? Esto fue después de usar makeappicon.com
nenur
Ya no se usa en iOS 13. Está en desuso.
Manish

Respuestas:

211

Actualización: a menos que te encante cambiar el tamaño de los iconos uno por uno, mira la respuesta de Schmoudi . Es mucho más fácil.

Tamaños de íconos

ingrese la descripción de la imagen aquí

Imagen de arriba de Designing para iOS 9 . Son lo mismo para iOS 10 .

Cómo configurar el ícono de la aplicación

Haga clic en Assets.xcassets en el navegador de proyectos y luego elija AppIcon .

ingrese la descripción de la imagen aquí

Esto le dará un conjunto de iconos de aplicaciones vacío.

ingrese la descripción de la imagen aquí

Ahora solo arrastre la imagen del tamaño correcto (en formato .png) desde Finder a cada espacio en blanco en el conjunto de aplicaciones. El ícono de la aplicación debería estar configurado ahora.

Cómo crear las imágenes del tamaño correcto

La imagen en la parte superior indica los tamaños de píxeles para cada tamaño de punto que se requiere en iOS 9. Sin embargo, incluso si no obtengo esta respuesta actualizada para futuras versiones de iOS, aún puede averiguar los tamaños de píxeles correctos utilizando El método a continuación.

Mire cuántos puntos (pt) tiene cada espacio en blanco en el conjunto de imágenes vacío. Si la imagen es 1x, entonces los píxeles son los mismos que los puntos. Para 2x duplicar los puntos y 3x triplicar los puntos. Entonces, por ejemplo, en el primer espacio en blanco anterior (29pt 2x) necesitaría una imagen de 58x58 píxeles.

Puede comenzar con una imagen de 1024x1024 píxeles y luego reducirla a los tamaños correctos. Puede hacerlo usted mismo o también hay sitios web y scripts para obtener los tamaños correctos. Haga una búsqueda de "generador de iconos de aplicaciones ios" o algo similar.

No creo que los nombres importen siempre que tenga las dimensiones correctas, pero la convención de nomenclatura general es la siguiente:

Icon-29.png      // 29x29 pixels
Icon-29@2x.png   // 58x58 pixels
Icon-29@3x.png   // 87x87 pixels

Imagen de lanzamiento

Aunque puede usar una imagen para la pantalla de inicio, considere usar un archivo de guión gráfico de la pantalla de inicio. Esto redimensionará convenientemente para cada tamaño y orientación. Consulte esta respuesta SO o la siguiente documentación para obtener ayuda con esto.

Documentación útil

Las imágenes de Xcode en esta publicación se crearon con Xcode 7.

Suragch
fuente
Para mí, en XCode 7.2, XCode no le permite arrastrar imágenes a esos cuadros. ¿Me puede ayudar con eso?
ahitt6345
1
@ ahitt6345: probé esto nuevamente con Xcode 7.2 y todavía funciona. Abra Finder y ubique sus imágenes en la carpeta que tenga. Luego arrástrelos a la ubicación correcta del conjunto de iconos de la aplicación en Xcode como se muestra arriba. Si su imagen está en el formato incorrecto, entonces podría no funcionar. Utiliza el formato .png.
Suragch
Son formato .png, he intentado arrastrar y soltar una vez más y todavía no funcionó.
ahitt6345
@ ahitt6345, mira este video tutorial de YouTube . Puede ser útil verlo en acción.
Suragch
También tuve problemas para arrastrarlos hasta que cambié el formato de png para que coincida con la ubicación a la que lo estaba arrastrando. Esto es con Xcode 8.3
Curt
176

Recientemente encontré esta aplicación llamada Icon Set Creator en la App Store, que es gratuita, sin anuncios, actualizada en nuevos cambios, sencilla y funciona bien para todos los tamaños de íconos posibles en OSX, iOS y WatchOS:

En Icon Set Creator:

  1. Arrastra tu imagen a la vista
  2. Elige tu plataforma objetivo
  3. Exporte la carpeta Conjunto de iconos

iconSetCreator

En XCode:

  1. Navegue a la carpeta Assets.xcassets
  2. Eliminar el AppIcon pre existente
  3. Haga clic derecho -> Importe su Icon-Set creado como AppIcon y listo

Schmoudi
fuente
1
Esto resultó ser un gran activo para mí mientras luchaba por comprender el sistema de iconos de aplicaciones para mis aplicaciones Enterprise. Sin embargo, vale la pena mencionar que es necesario un poco de claridad sobre cómo funciona. La aplicación no le dice específicamente el nombre o la ubicación donde se guardan las imágenes recién generadas. Al tratarse de una aplicación para iOS, me tomó un tiempo darme cuenta de que la aplicación creó una carpeta llamada 'iOS' y luego guardó las imágenes allí dentro de otra carpeta llamada 'Appicon.appiconset'. Cuando esté listo para importar al proyecto, debe seleccionar ESTA carpeta.
Bill Norman
Totalmente ahorrado mi tiempo ... Lo hice todo en 15 minutos
NduJay
22

Para ahorrar un poco de tiempo:

1) Puede marcar todas las imágenes del icono de la aplicación en el buscador y arrastrarlas a su catálogo de Activos de una sola vez arrastrando a una de las ranuras vacías del conjunto de imágenes del icono de la aplicación. Cuando mantiene su arrastre sobre la ranura, varias de las otras ranuras se ven seleccionadas y cuando las suelta, todas se llenan de una vez. Tenga en cuenta que esto funciona en XCode 8 (no he probado XCode 7), pero en XCode 9 beta todavía no.

Arrastrando al icono de la aplicación Catálogo de activos conjunto de imágenes

2) El sitio de documentación de Apple "Preguntas y respuestas técnicas QA1686" tiene los tamaños por espacio de icono de aplicación ya calculados para usted en una buena imagen y también contiene las convenciones de nombres de imagen correctas.

Tamaños de íconos de aplicaciones

Kansas
fuente
11

Los tamaños correctos son los siguientes:

1)58x58

2)80x80

3)120x120

4)180x180

bzz
fuente
10

Utilizo una herramienta llamada Prepo para producir todos los tamaños de imagen correctos. Simplemente alimente la aplicación con su archivo de imagen y escupirá cada archivo necesario con un nombre apropiado.

Una vez que haga esto, puede arrastrar los archivos apropiados o simplemente apuntar a su carpeta exportada Prepo.

Craig.Pearce
fuente
No hace 167x167 iconos para los últimos Ipads
Yernar Amergaliyev
En realidad genera 167x167 cuando exporta las imágenes. Simplemente no muestra ese tamaño (y muchos otros tamaños) en la ventana de vista previa
tiguchi
8

Hoy en día es realmente fácil configurar el ícono de la aplicación, solo vaya a https://makeappicon.com/ agregue su imagen, le enviarán todo el ícono de la aplicación (también para watch & itunes), ahora haga clic en Activos .xcassets en el navegador de proyectos y luego elija AppIcon. Ahora solo tiene que arrastrar y soltar el icono según sea necesario.

ViralRathod
fuente
5

En la lista de la izquierda, haga clic derecho en "AppIcon" y haga clic en "Abrir en el buscador" Se abrirá una carpeta con el nombre "AppIcon.appiconset". Pegue todos los gráficos con la resolución requerida allí. Una vez hecho esto, todas esas imágenes serán visibles en esta misma pantalla (una en su captura de pantalla). luego arrástrelos al cuadro apropiado. Se han agregado íconos de aplicaciones. Mismo proceso para Lanzar imágenes. Las imágenes de lanzamiento a través de este proceso se agregan para iOS 7 y versiones posteriores. Para iOS 8, el archivo LaunchScreen.xib se crea por separado.

Gunjit
fuente
5

Encontré una aplicación llamada Iconizer. Puedes encontrar el repositorio en github . Iconizer puede generar iconos de aplicaciones para OS X, iPad, iPhone, CarPlay y Apple Watch con una sola imagen.

Simplemente arrastre y suelte su icono en Iconizer, seleccione las plataformas que necesita y si desea o no todas las plataformas generadas en un catálogo de activos, luego presione exportar.

Después de eso, simplemente reemplace (elimine e importe) su AppIcon en Assets.xcassets

Vladyslav Panchenko
fuente
2

Esta es una parte muy frustrante de XCode. Como muchos, perdí horas en esto cuando cambié a una versión más nueva de xcode (versión 8). La solución para mí fue abrir las propiedades de mi proyecto y, en "Iconos de aplicaciones e imágenes de inicio", elija la opción "migrar" para los iconos. Esto no tenía ningún sentido para mí ya que ya tenía todos mis íconos allí, ¡pero funcionó! Desafortunadamente, ahora parece que tengo dos copias de mis íconos de inicio en el proyecto.

Hormiga
fuente
Esto era lo que necesitaba para actualizar un proyecto muy antiguo (iOS 3) para iOS 11.
Doug Voss
1

Según la versión actualizada (Xcode 8.3.3), vi que se requieren resoluciones inferiores para todos los campos de AppIconconjuntos.

40x40
58x58
60x60
80x80
87x87
120x120
180x180

Viene con hdpi, xhdpi, xxhdpi, etc. Espero que ayude a otros.

Editado a 120x120

Raj Aryan
fuente