Main Website

La guía completa de resoluciones y tamaños de pantalla del iPhone (Actualizado 2025)

Apple, como compañía, siempre ha sorprendido al mundo. Fabrica una gran variedad de productos como computadoras personales, teléfonos inteligentes, dispositivos wearables, accesorios, entre otros. Sin embargo, su éxito financiero rotundo depende en gran medida de sus iPhones.

A diferencia de Android, el ecosistema de iOS puede parecer un poco cerrado y esotérico tanto para desarrolladores como para consumidores. A pesar de eso, los iPhones tienen un gran atractivo masivo y son muy populares en todo el mundo.

Cuando se trata de diseño, desarrollo y marketing de aplicaciones móviles para iPhones, es esencial adherirse a las especificaciones y directrices únicas de Apple y sus productos. Hoy estamos aquí para ayudarte a cubrir un aspecto de esto.

Hemos compilado una guía sobre los tamaños y resoluciones de pantalla de los iPhones de varias generaciones. Contar con esta información te ayudará a tomar mejores decisiones de diseño, desarrollo y marketing. ¡Así que comencemos!

En este blog

Resoluciones y tamaños de pantalla del iPhone: Una guía fácil

iphone screen size

Fuente

La evolución de los tamaños de pantalla del iPhone no es un misterio. Al igual que los teléfonos inteligentes Android, los iPhones vienen en diversos tamaños de pantalla, y el tamaño de las pantallas ha crecido con el tiempo.

Como es evidente, los usuarios de teléfonos móviles enfrentan el “paradoja de pantalla grande, dispositivo pequeño”. Queremos pantallas amplias en dispositivos compactos y portátiles, y esta preferencia ha influido en las tendencias de diseño de pantallas.

La evolución del iPhone parece seguir una tendencia similar. Revisemos una comparación de tamaños de pantalla del iPhone para comprenderlo mejor.

Evolución de los tamaños de pantalla en los iPhones

Según el tamaño de pantalla, los iPhones se pueden agrupar en los segmentos listados en la tabla a continuación. También hemos incluido el año de lanzamiento de los dispositivos para ayudarte a comprender la línea de tiempo. Aquí tienes:

iPhone size comparison: Types of iPhones based on screen size
Screen size in inches (diagonal)iPhone ModelYear of Release
6.9iPhone 16 Pro Max2024


6.7
iPhone 16 Plus2024
iPhone 15 Plus2023
iPhone 15 Pro Max2023
iPhone 14 Plus2022
iPhone 14 Pro Max2022
iPhone 13 Pro Max2021
iPhone 12 Pro Max2020
6.5iPhone XS Max2018
iPhone 11 Pro Max2019
6.3iPhone 16 Pro2024


6.1
iPhone 162024
iPhone 15 Pro2023
iPhone 152023
iPhone 14 Pro2022
iPhone 142022
iPhone 13 Pro2021
iPhone 132021
iPhone 12 Pro2020
iPhone 122020
iPhone 112019
iPhone XR2018
5.85iPhone 11 Pro2019
iPhone XS2018
iPhone X2017
5.5iPhone 8 Plus2017
iPhone 7 Plus2016
iPhone 6S Plus2015
iPhone 6 Plus2014
5.4iPhone 13 Mini2021
iPhone 12 Mini2020
4.7iPhone SE {3rd gen}2022
iPhone SE {2nd gen}2020
iPhone 82017
iPhone 72016
iPhone 6S2015
iPhone 62014
4iPhone SE {1st gen}2016
iPhone 5S2013
iPhone 5C2013
iPhone 52012
3.5iPhone 4S2011
iPhone 4 (CDMA)2011
iPhone 4 (GSM)2010
iPhone 3GS2009
iPhone 3G2008
iPhone2007

Simplemente revisando la lista anterior, puedes determinar el tamaño de pantalla de tu audiencia objetivo. Si estás diseñando para usuarios con los modelos más recientes de iPhone, debes crear para pantallas más grandes y resoluciones más altas (como se discutirá más adelante).

También puedes consultar la tabla en Apple Wiki para obtener detalles específicos sobre los iPads, si tu audiencia incluye personas que usan tabletas.

Clasificación de iPhones según la resolución

Además del tamaño de la pantalla, los iPhones también se pueden clasificar según su resolución física. Esto incluye el grupo de dispositivos predominantes listados en la tabla a continuación. Hemos añadido la resolución en píxeles y en puntos. Además, también hemos incluido la especificación de PPI (píxeles por pulgada) para los dispositivos.

A continuación, te presentamos las especificaciones de pantalla de diferentes modelos de iPhone:

Display properties of different types of iPhones
iPhone ModelResolution in pixels (Width x Height)Resolution in points (Width x Height)PPI
iPhone 16 Pro Max1320 x 2868440 x 956460
iPhone 16 Pro1206 x 2622402 x 874
iPhone 16 Plus1290 x 2796430 x 932
iPhone 161179 x 2556393 x 852
iPhone 15 Pro Max
1290 x 2796 

430 x 932

460
iPhone 15 Plus
iPhone 14 Pro Max
iPhone 14 Plus1284 x 2778428 x 926458
iPhone 13 Pro Max
iPhone 12 Pro Max
iPhone 11 Pro Max1242 x 2688414 x 896
iPhone XS Max
iPhone 15 Pro
1179 x 2556

393 x 852
460
iPhone 15
iPhone 14 Pro
iPhone 141170 x 2532390 x 844
iPhone 13
iPhone 13 Pro
iPhone 12
iPhone 12 Pro
iPhone 11 Pro1125 x 2436375 x 812458
iPhone XS
iPhone X
iPhone 13 mini1080 x 2340375 x 812476
iPhone 12 mini
iPhone 8 Plus1080 x 1920414 x 736401
iPhone 7 Plus
iPhone 6S Plus
iPhone 6 Plus
iPhone 11828 x 1792414 x 896326


iPhone XR
iPhone SE {3rd gen}750 x 1334375 x 667
iPhone SE {2nd gen}
iPhone 8
iPhone 7
iPhone 6S
iPhone 6
iPhone SE {1st gen}640 x 1136320 x 568
iPhone 5C
iPhone 5S
iPhone 5
iPhone 4S640 x 960320 x 480
iPhone 4
iPhone 3GS320 x 480163
iPhone 3G
iPhone

(Los detalles anteriores están representados en modo vertical. Para el modo horizontal, simplemente invierte los dos números. Por ejemplo: 1290 x 2796 se convierte en 2796 x 1290).

Como es evidente, el iPhone también ha tenido dispositivos con resoluciones de pantalla tan bajas como 320 x 480 píxeles, lo cual era estándar en un momento dado. Sin embargo, los dispositivos con esas especificaciones ya no son comunes ni están en uso.

Classification of iPhones based on resolution
Fuente de la imagen: iPhone Development 101

Algunos términos relacionados que deberías conocer

Para aprender sobre los tamaños de pantalla, resoluciones, etc., de los iPhones, también es importante conocer los términos que determinan estas especificaciones. Comprender los términos relacionados con el tamaño y diseño de la pantalla del iPhone puede ayudarte a entender mejor esta guía.

Algunos términos importantes sobre diseño de iPhone que deberías conocer son los siguientes:

Tamaño de pantalla

iphone screen size

Fuente

El tamaño de pantalla, o tamaño de visualización, es la medida física de la pantalla, generalmente indicada en pulgadas. Para los teléfonos inteligentes, estas medidas se toman diagonalmente, desde la esquina superior izquierda de la pantalla hasta la esquina inferior derecha. Sin embargo, el tamaño de una pantalla también puede expresarse en términos de longitud y ancho.

Píxel (px)

Point & Pixel measurements

Fuente

Píxel es una combinación de las palabras “picture” (imagen) y “element” (elemento). Es la unidad más pequeña visible de color en una pantalla o la unidad más pequeña de una imagen digital o gráfico que puede representarse en un dispositivo. Estos píxeles están formados por subpíxeles de color rojo, verde y azul asociados.

De hecho, todas las imágenes digitales están compuestas por una gran cantidad de píxeles individuales. Cuando decimos que un elemento (por ejemplo, una fuente) tiene una altura de 12 px o 12 píxeles, significa que ocupa 12 píxeles en la pantalla de arriba a abajo. Lo mismo aplica para el ancho.

Por lo tanto, la próxima vez que veas una especificación que indique AxB píxeles (donde A y B son valores numéricos), recuerda que se refiere a la altura y el ancho en píxeles. Los píxeles se combinan para formar una imagen, video, texto o cualquier elemento visible en la pantalla de un dispositivo.

Punto (pt)

Pixel Comparison

Fuente

Unidades como milímetros y pulgadas son útiles para medir objetos físicos, pero no en el espacio digital. Por eso usamos puntos como unidad de medida de tamaño. El punto fue creado como una unidad de tamaño/distancia que permite escalar gráficos independientemente de las resoluciones del dispositivo en el que se ejecutan.

En términos simples, un punto (pt) equivale a 0.352778 milímetros, 0.0138889 pulgadas o 1.333 píxeles. Por otro lado, un píxel equivale a 0.75 puntos. Sin embargo, debes tener en cuenta que un punto es casi equivalente a un píxel en una pantalla de resolución estándar, mientras que en pantallas de alta resolución un punto equivale a dos o más píxeles.

Píxeles por pulgada (PPI)

Pixel Per inch calculator

Fuente

PPI es el número de píxeles (o puntos en el caso de DPI, utilizado en impresión) que se pueden colocar en una línea a lo largo de una pulgada lineal. En términos simples, se refiere al número de píxeles contenidos en cada pulgada de una imagen digital. También puede definirse como la cantidad de píxeles que una pantalla puede mostrar.

Una pantalla con un número alto de PPI mostrará imágenes más detalladas y menos pixeladas o distorsionadas. Esto significa que las imágenes de baja resolución contendrán píxeles de mayor tamaño en menor cantidad, creando un efecto granular que comúnmente llamamos “pixelado”.

Por otro lado, las imágenes de alta resolución tendrán píxeles más pequeños en mayor cantidad. Esto mejora la calidad de las imágenes, asegurando mayor profundidad y claridad.

Resolución

Resolution

Fuente

La resolución de pantalla es el número de píxeles distintos en cada dimensión que se pueden mostrar en la pantalla. En términos simples, es una medida que describe la nitidez y claridad de una imagen. Cuanto mejor sea la resolución, más detallada será la imagen.

Las resoluciones estándar de pantalla incluyen:

Different types of screen display resolutions
TypeResolution (in pixels)
High Definition (HD)1280 x 720
Full HD (FHD)1920 x 1080
2K or Quad HD (QHD)2560 x 1440
4K or Ultra HD (UHD)3840 x 2160 

(Nota: El tamaño físico de la pantalla no tiene relación con su resolución. Los teléfonos con pantallas más pequeñas también pueden ofrecer una calidad de imagen nítida, es decir, una alta resolución.)

¿Por qué es importante entender el tamaño y la resolución de la pantalla del teléfono?

¿Alguna vez has subido una imagen a las redes sociales que se veía bien en Facebook pero quedó parcialmente oculta en el feed de X (anteriormente Twitter) y recortada en Instagram? ¿O has visitado un blog o video con texto o imágenes truncadas?

Si respondiste “Sí” a alguna de estas preguntas, ya sabes lo importante que es utilizar medios, textos y diseños de pantalla con el tamaño y formato adecuados.

Cuando se trata de desarrollar apps móviles o contenido para teléfonos inteligentes, comprender los tamaños y resoluciones de pantalla se vuelve aún más esencial. Entendamos por qué y dónde este conocimiento puede ser útil.

Importancia en el diseño y desarrollo de apps

Entender los tamaños de pantalla, resolución, etc., es crucial para el diseño y desarrollo de apps.

Esto puede ayudarte en los siguientes aspectos:

  • Mantener alineadas las especificaciones de diseño y desarrollo.
  • Cumplir con las pautas de envío de apps.
  • Definir tus objetivos de UI y UX y garantizar la consistencia en el diseño.
  • Proporcionar el peso visual y el equilibrio adecuados a los elementos de diseño.
  • Enriquecer y facilitar las experiencias de usuario con decisiones de diseño acertadas.
  • Adaptarse a diferentes tipos de dispositivos, pantallas, sistemas operativos, etc.

Importancia en el marketing y la publicidad

Comprender los matices de las pantallas de los teléfonos no solo es importante para los desarrolladores, sino también para los especialistas en marketing que buscan ofrecer contenido atractivo, inspirador y fácil de usar a sus audiencias.

Esto puede ayudar a los especialistas en marketing y anunciantes de la industria móvil a lograr lo siguiente:

  • Segmentar audiencias según detalles tecnográficos (tipo de dispositivo, tipo de pantalla, etc.).
  • Diseñar capturas de pantalla y videos de vista previa adecuados para las tiendas de apps.
  • Crear banners, creatividades y videos adaptables y personalizados.
  • Seleccionar esquemas de diseño, tipografías, etc., adecuados para las creatividades publicitarias.
  • Determinar la densidad de contenido y texto adecuada para diferentes pantallas.
  • Garantizar la visibilidad del contenido y hacerlo más interactivo.

Las estadísticas muestran que el tamaño de la pantalla puede influir en los abandonos del carrito de compras, y es más probable que los usuarios abandonen carritos en dispositivos con pantallas más pequeñas. Por lo tanto, entender los tamaños y resoluciones de pantalla es crucial por las razones mencionadas y más.

Esto es especialmente importante para dispositivos iOS y iPhones, ya que tienen un atractivo universal y, a diferencia de Android, no cuentan con un mercado disperso y heterogéneo. Esto también facilita entender las especificaciones de pantalla en los iPhones de manera coherente.

¿Cómo hacer que tu app se vea bien en todas las pantallas de iPhone?

La respuesta es simple: sigue las guías de Apple.

Apple recomienda crear diseños universales y utilizar Xcode para crear un storyboard antes de lanzar una app. Proporciona guías completas para diseñar apps que se adapten a diferentes dispositivos y pantallas.

Sin embargo, si buscas una solución fácil y efectiva, también puedes usar creadores de apps sin código que vienen con entornos predefinidos. Con estas herramientas, puedes crear apps para todo tipo de usuarios de iOS.

Como ventaja adicional, algunas plataformas también te permiten probar el diseño y las características de tu app para diferentes tipos de dispositivos iOS antes de pagar para publicarla. AppMySite lo hace.

¿Cómo crear una app para iOS con bajo presupuesto?

Progressive Web Apps

¿Te han dejado confundido las especificaciones mencionadas anteriormente? No te preocupes, ¡vamos a simplificarlo para ti! ¿Qué pensarías si te dijéramos que puedes crear una app para iOS desde cero, en un entorno completamente guiado y cumpliendo con todas las pautas de tamaño y resolución de Apple?

¡Tómalo como un hecho! Puedes registrarte en AppMySite y crear una app móvil con nuestro creador de apps móviles DIY sin necesidad de programar.

¡Eso no es todo! Puedes construir apps dinámicas, nativas y ricas en funcionalidades, diseñar y personalizar todas tus pantallas y elementos de la app, añadir características como notificaciones push y monetización, y mucho más.

Además, también puedes publicar tus apps en la App Store con la función única y automatizada de “Publicar App” de AppMySite. Regístrate ahora en AppMySite y crea la mejor app para iOS para tu negocio en cuestión de minutos.

Requisitos de capturas de pantalla para enviar apps a la App Store

Una vez que la app esté desarrollada y construida, el siguiente paso es enviarla a las tiendas de apps. Para enviar una app a la App Store de Apple, necesitarás incluir algunas capturas de pantalla tomadas desde dentro de la app.

La App Store de Apple ha especificado tamaños exactos de capturas de pantalla según los diferentes dispositivos.

Aquí tienes las especificaciones y requisitos obligatorios para enviar capturas de pantalla de tu app para iOS:

iOS App Screenshot Size Requirement for iPhones
Device size in inches (diagonal)iPhone ModelScreenshot Size: Portrait (in pixels)Screenshot Size: Landscape (in pixels)RequirementScreenshot source & Alternative
6.7iPhone 15 Pro Max1290 x 27962796 x 1290Required if app runs on iPhone and 6.5-inch screenshots aren’t providedUpload 6.7-inch screenshots
iPhone 15 Plus
iPhone 14 Pro Max
6.5iPhone 14 Plus1284 x 2778

1242 x 2688 
2778 x 1284

2688 x 1242 
Required if app runs on iPhone and 6.7-inch screenshots aren’t providedDefault: Scaled 6.7-inch screenshots

Alternative: Upload 6.5-inch screenshots
iPhone 13 Pro Max
iPhone 12 Pro Max
iPhone 11 Pro Max
iPhone 11
iPhone XS Max 
iPhone XR
6.1iPhone 15 Pro1179 x 25562556 x 1179Required if app runs on iPhone and 6.5-inch or 6.7-inch screenshots aren’t providedDefault: Scaled 6.5-inch or 6.7-inch screenshots

Scaled 6.5-inch when 6.5-inch and 6.7-inch screenshots are both uploaded

Alternative: Upload 6.1-inch screenshots
iPhone 15
iPhone 14 Pro
5.8iPhone 141170 x 2532

1125 x 2436

1080 x 2340
2532 x 1170

2436 x 1125

2340 x 1080
Required if app runs on iPhone and 6.5-inch or 6.7-inch screenshots aren’t providedDefault: Scaled 6.5-inch or 6.7-inch screenshots

Scaled6.5-inch when 6.5-inch and 6.7-inch screenshots are both uploaded

Alternative: Upload 5.8-inch screenshots
iPhone 13 Pro
iPhone 13
iPhone 13 mini
iPhone 12 Pro
iPhone 12
iPhone 12 mini
iPhone 11 Pro
iPhone XS
iPhone X
5.5iPhone 8 Plus1242 x 22082208 x 1242Required if app runs on iPhoneUpload 5.5-inch screenshots
iPhone 7 Plus
iPhone 6s Plus
4.7iPhone SE (3rd gen)750 x 13341334 x 750Required if app runs on iPhone and 5.5-inch screenshots aren’t providedDefault: Scaled 5.5-inch screenshots

Alternative: Upload 4.7-inch screenshots
iPhone SE (2nd gen)
iPhone 8
iPhone 7
iPhone 6s
iPhone 6
4iPhone SE (1st gen)640 x 1096 (without status bar)

640 x 1136 (with status bar)
1136 x 600 (without status bar)

1136 x 640 (with status bar)
Required if app runs on iPhone and 5.5 or 4.7-inch screenshots aren’t providedDefault: Scaled 5.5 or 4.7-inch screenshots

Alternative: Upload 4-inch screenshots
3.5iPhone 4s640 x 920 (without status bar)

640 x 960 (with status bar)
960 x 600 (without status bar)

960 x 640 (with status bar)
Required if app runs on iPhone and 5.5-inch iPhone screenshots aren’t providedDefault: Scaled 5.5-, 4.7-, or 4-inch screenshots

Alternative: Upload 3.5-inch screenshots

Las pantallas de 6.5 pulgadas y 5.5 pulgadas son los tamaños de visualización más importantes para los iPhones, y Apple recomienda que las priorices. Si no deseas pasar por el trabajo de crear capturas de pantalla para todos los tamaños listados anteriormente, simplemente crea para estas dos dimensiones según las especificaciones mencionadas.

Apple redimensionará automáticamente tus capturas de pantalla, siempre que hayas proporcionado las de 6.5 y 5.5 pulgadas. Este es un estándar que sigue la mayoría de los desarrolladores.

Además, recuerda que debes subir un mínimo de 4 capturas de pantalla y puedes incluir un máximo de 10 capturas de pantalla por listado de app. Puedes consultar nuestro blog sugerido a continuación para obtener más detalles:

Preguntas frecuentes

¿Qué es el tamaño de pantalla y la resolución?

En general, el tamaño de una pantalla equivale a la longitud de su diagonal, que puede describirse como la distancia entre las esquinas opuestas. Usualmente, las pulgadas se usan como métrica para denotar el tamaño de pantallas en varios dispositivos como televisores, smartphones, etc. Esto se conoce como el tamaño físico de la imagen. Por otro lado, el tamaño lógico de la imagen indica la resolución de la pantalla y se mide en píxeles. La resolución de pantalla se define como el número de píxeles distintos en cada dimensión que se pueden mostrar.

¿Cuál es el tamaño de pantalla de los últimos iPhones?

Estas son las especificaciones anticipadas de los próximos iPhones:

  • Tamaño de pantalla del iPhone 16: 6.1 pulgadas
  • Tamaño de pantalla del iPhone 16 Plus: 6.7 pulgadas
  • Tamaño de pantalla del iPhone 16 Pro: 6.3 pulgadas
  • Tamaño de pantalla del iPhone 16 Pro Max: 6.9 pulgadas

Los tamaños de pantalla de los iPhones disponibles de la última generación son:

  • Tamaño de pantalla del iPhone 15: 6.1 pulgadas
  • Tamaño de pantalla del iPhone 15 Plus: 6.7 pulgadas
  • Tamaño de pantalla del iPhone 15 Pro: 6.1 pulgadas
  • Tamaño de pantalla del iPhone 15 Pro Max: 6.7 pulgadas

Evidentemente, los tamaños de pantalla de los últimos iPhones (existentes y próximos) oscilan entre 6.1 y 6.9 pulgadas. Consulta las tablas anteriores para más detalles.

¿Por qué se mide el tamaño de pantalla en diagonal?

Este método se originó con las primeras generaciones de televisores CRT. Como las pantallas tenían caras circulares, se utilizaba el diámetro externo del tubo para describir el tamaño. Actualmente, una de las principales razones por las que los vendedores usan la diagonal para medir pantallas es que el número resultante es mayor comparado con la longitud y el ancho. Los números más grandes resultan más atractivos para los clientes y facilitan los esfuerzos de marketing. Además, usar una sola cifra es más práctico que dar dos para la longitud y el ancho.

¿Por qué es importante conocer el tamaño y la resolución de pantalla para diseñar apps?

Las pantallas son un aspecto esencial de cualquier ecosistema de hardware y software, ya que presentan la información y permiten la interacción del usuario. Dado que existen dispositivos con una amplia variedad de tamaños de pantalla, resoluciones y especificaciones, es crucial asegurarse de que tu contenido se adapte correctamente. Esto implica conocer los detalles técnicos de los dispositivos, lo que te permitirá diseñar experiencias más intuitivas y fluidas para los usuarios.

¿Cómo crear capturas de pantalla para apps de iOS en la App Store?

Las capturas de pantalla de la App Store ofrecen un vistazo al diseño y las características principales de la app. Estas deben ser atractivas, reflejar la identidad de la marca y comunicar los objetivos de la app. Aunque puedes personalizar capturas para cada tamaño de pantalla, no es muy práctico.

Por lo tanto, diseña para los siguientes tamaños obligatorios:

  • Pantallas de iPhone de 6.5 pulgadas (retrato y paisaje)
  • Pantallas de iPhone de 5.5 pulgadas (retrato y paisaje)
  • Pantallas de iPad de 12.9 pulgadas (2da y 3ra generación, retrato y paisaje)

Si no proporcionas capturas para otros tamaños, la App Store usará las capturas de uno de estos tamaños obligatorios. Aquí tienes la documentación oficial de Apple para subir vistas previas y capturas de pantalla.

¿Qué es el desarrollo de aplicaciones para iOS?

El desarrollo de aplicaciones para iOS se refiere al proceso de creación de apps para dispositivos Apple, como iPhones y iPads. Estas apps suelen desarrollarse en lenguajes de programación como Swift u Objective-C. Sin embargo, herramientas sin código como AppMySite también permiten crear apps para iOS sin necesidad de programación.

¿Cómo diseñar apps para iPhone?

Aunque algunos aspectos del diseño de apps son comunes a todos los sistemas operativos (como iOS y Android), es importante respetar las pautas específicas de cada plataforma. Apple es especialmente estricta con la calidad de sus apps, por lo que es fundamental diseñar aplicaciones nativas de alta calidad que luzcan y funcionen bien.

Puedes comenzar creando wireframes y maquetas, y luego pasar a crear prototipos de tu app para iOS. Una vez que tengas el marco, puedes convertirlo en un diseño funcional y completo para tu app.

SIMILAR ARTICLES

Related Articles