launchscreen icon ios icons ios8 launchimage

ios - icon - launchscreen storyboard



Tamaños de iconos de iOS8 y nombres para iconos e imagen de lanzamiento (4)

Autogenerar todos los íconos necesarios e iniciar archivos de imagen (iOS 7 y superiores) con los siguientes scripts:

http://github.com/spren9er/s9icongen

http://github.com/spren9er/s9splashgen

Cuando se ejecute el script, todos los tamaños y nombres se mostrarán en la consola, por ejemplo, para iniciar imágenes

320x480(2x) -> 640x960: Default@2x~iphone.png 320x568(2x) -> 640x1136: Default-568h@2x~iphone.png 375x667(2x) -> 750x1334: Default-667h@2x~iphone.png 414x736(3x) -> 1242x2208: Default-736h@3x~iphone.png 768x1024(1x) -> 768x1024: Default-Portrait~ipad.png 1024x768(1x) -> 1024x768: Default-Landscape~ipad.png 768x1024(2x) -> 1536x2048: Default-Portrait@2x~ipad.png 1024x768(2x) -> 2048x1536: Default-Landscape@2x~ipad.png

No encuentro un sitio sencillo con los tamaños y nombres de iOS8 para los íconos de la aplicación y la imagen de lanzamiento.

He visto las pautas de la interfaz humana de iOS, pero realmente no te dicen cómo nombrarlas.

¿Puede alguien enumerarlos específicamente?


Esto es útil si quiere saber para qué sirven los diferentes archivos:

  • Default.png (iPhone)
  • Default@2x.png (iPhone Retina 3.5 pulgadas)
  • Default@3x.png (iPhone 6 Plus landscape)
  • Predeterminado-568h@2x.png (iPhone Retina de 4 pulgadas)
  • Default-667h@2x.png (retrato del iPhone 6)
  • Default-736h@3x.png (retrato del iPhone 6 Plus)
  • Default-Portrait.png (iPad en orientación vertical)
  • Default-Portrait@2x.png (iPad Retina en orientación vertical)
  • Default-Portrait@3x.png (orientación vertical del iPhone 6 Plus)
  • Default-Landscape.png (iPad en orientación horizontal)
  • Default-Landscape@2x.png (Retina de iPad en orientación horizontal)

También puedes ver el hilo de aquí: https://.com/a/27108377/4288147


Puede usar cualquier nombre para los íconos ya que no hay ningún requisito para ningún nombre específico. Para obtener íconos con los tamaños adecuados, puede usar el siguiente script de shell para generarlos sin herramientas adicionales:

FILE="largeicon.png" # iTunes Artwork sips --resampleWidth 1024 "${FILE}" --out "iTunesArtwork@2x.png" sips --resampleWidth 512 "${FILE}" --out "iTunesArtwork.png" # iPhone iOS 7, 8 sips --resampleWidth 58 "${FILE}" --out "icon-iphone-29@2x.png" sips --resampleWidth 87 "${FILE}" --out "icon-iphone-29@3x.png" sips --resampleWidth 80 "${FILE}" --out "icon-iphone-40@2x.png" sips --resampleWidth 120 "${FILE}" --out "icon-iphone-40@3x.png" sips --resampleWidth 120 "${FILE}" --out "icon-iphone-60@2x.png" sips --resampleWidth 180 "${FILE}" --out "icon-iphone-60@3x.png" # iPad iOS 7, 8 sips --resampleWidth 29 "${FILE}" --out "icon-ipad-29.png" sips --resampleWidth 58 "${FILE}" --out "icon-ipad-29@2x.png" sips --resampleWidth 40 "${FILE}" --out "icon-ipad-40.png" sips --resampleWidth 80 "${FILE}" --out "icon-ipad-40@2x.png" sips --resampleWidth 76 "${FILE}" --out "icon-ipad-76.png" sips --resampleWidth 152 "${FILE}" --out "icon-ipad-76@2x.png" # Apple Watch sips --resampleWidth 48 "${FILE}" --out "icon-watch-24@2x.png" sips --resampleWidth 55 "${FILE}" --out "icon-watch-27p5@2x.png" sips --resampleWidth 58 "${FILE}" --out "icon-watch-29@2x.png" sips --resampleWidth 87 "${FILE}" --out "icon-watch-29@3x.png" sips --resampleWidth 80 "${FILE}" --out "icon-watch-40@2x.png" sips --resampleWidth 88 "${FILE}" --out "icon-watch-44@2x.png" sips --resampleWidth 172 "${FILE}" --out "icon-watch-86@2x.png" sips --resampleWidth 196 "${FILE}" --out "icon-watch-98@2x.png"


Como mencionó rmaddy desde Xcode 5 , no es necesario que asigne un nombre a sus íconos de ninguna manera específica . Use el App Icon Asset la App Icon Asset para agregar sus íconos.

Con respecto a los tamaños para sus íconos, también los encontrará en su Catálogo de activos de íconos de aplicaciones, pero para su comodidad, aquí hay una captura de pantalla:

También recomiendo usar esta plantilla de íconos para crear su ícono porque uno: proporciona un archivo psd increíble listo para editar y, segundo: brinda acciones para guardar fácilmente todos los íconos que necesita. Aquí está: http://appicontemplate.com