Zonas seguras de Stories y Reels de Instagram, explicadas

Meta aconseja mantener libres el 14% superior y el 35% inferior de una Story o Reel, más alrededor de un 6% a cada lado, para que la interfaz de la aplicación no tape tu mensaje. Mantén cada palabra, logotipo y rostro que la gente necesita ver dentro del área restante, que a 1080 x 1920 px mide aproximadamente 950 px de ancho y 979 px de alto.

Esos son los números de las especificaciones de Meta para carruseles en Stories, de sus especificaciones para video en Stories y de sus especificaciones para imágenes en Reels. Las tres páginas dan los mismos márgenes. Ten en cuenta que son especificaciones de anuncios: Meta publica los márgenes para anuncios, y aplicarlos a Stories y Reels orgánicos es una inferencia nuestra, porque ahí aparecen el mismo icono de perfil y los mismos botones. El resto de este artículo los convierte en píxeles que puedes usar.

¿Cuáles son las zonas seguras de Story y Reel en píxeles?

Meta expresa los márgenes como porcentajes del cuadro completo: alrededor del 14% arriba, 35% abajo y 6% a cada lado. Los convertimos para el lienzo estándar de 1080 x 1920 y para el tamaño de 1440 x 2560 que Meta indica para video en Stories e imágenes en Reels.

Borde	Parte del cuadro	A 1080 x 1920	A 1440 x 2560
Superior	14%	269 px	358 px
Inferior	35%	672 px	896 px
Izquierdo	6%	65 px	86 px
Derecho	6%	65 px	86 px
Ancho útil	88%	950 px	1,268 px
Alto útil	51%	979 px	1,306 px

Redondea los valores hacia arriba si quieres un número limpio para escribir en una plantilla: 270 px arriba, 675 px abajo, 65 px a los lados. Solo cerca de la mitad del cuadro es realmente tuya, y por eso un diseño a sangre con un titular anclado cerca de la parte inferior falla tan a menudo.

¿Qué tapa realmente la interfaz?

Meta dice que los márgenes protegen tu creatividad de ser recortada u ocultada por el icono de perfil y el botón de llamada a la acción. Son los únicos dos elementos que sus páginas nombran. Según nuestra observación, la aplicación también muestra la leyenda y los controles de respuesta cerca de la parte inferior, y pueden cambiar entre versiones de la aplicación, así que deja un margen de seguridad en lugar de diseñar al píxel exacto.

El margen lateral del 6% es pequeño. Nuestra suposición es que protege contra recortes en los bordes en teléfonos con distintas proporciones de pantalla; Meta no lo dice.

¿La zona segura de los Reels es distinta de la de las Stories?

En la guía de anuncios actual de Meta, no: las páginas de Stories y Reels indican los mismos 14%, 35% y 6%. Si construyes con los números más grandes, tu diseño es seguro en ambas ubicaciones y nunca necesitas dos versiones.

¿De qué tamaño debe ser el lienzo?

Usa 9:16. La página de carruseles en Stories de Meta da 1080 x 1920 px como mínimo, mientras que la página de video en Stories y la página de imágenes en Reels indican 1440 x 2560 px como resolución. Ambas tienen la misma proporción, así que los márgenes se mantienen proporcionales. La página de imágenes en Reels también menciona JPG o PNG con un límite de 30 MB. Para los tamaños del feed, consulta nuestra guía de tamaños de publicaciones de Instagram, y para todas las plataformas, la tabla de tamaños de imagen para redes sociales.

¿Cómo se ve un diseño seguro?

Nuestro motor no puede dibujar una superposición de interfaz sobre una plantilla, así que aquí tienes un render de 1080 x 1920 para medir contra la tabla. La etiqueta y el titular están entre unos 355 px y 810 px desde arriba, bien dentro de la franja segura (de 269 px a 1,248 px). La línea pequeña cerca de los 1,485 px es un error deliberado: cae en el 35% inferior, donde la leyenda y los botones la taparían.

Dos hábitos hacen que esto sea repetible. Coloca el titular en la franja superior central y mantén el logotipo o la llamada a la acción por encima del margen inferior de 672 px. En Chikaboom, el dueño de la plantilla fija esas posiciones de los slots una sola vez, el texto se reduce dentro de su caja en lugar de desbordarse hacia la zona de la interfaz, y todo el equipo lo hereda. Puedes probarlo en la demo en vivo.

¿Por qué el margen inferior es tanto más grande que el superior?

Meta no explica la diferencia. Nuestra lectura es que la parte inferior probablemente lleva más interfaz que la superior, así que un titular anclado abajo en el cuadro, como hacen muchos diseños de feed, es lo primero que queda tapado. Subirlo no cuesta nada.

Lista de verificación de zonas seguras antes de publicar

• El lienzo es de 1080 x 1920 px (o 1440 x 2560), 9:16.
• Sin texto ni logotipo en los 269 px superiores ni en los 672 px inferiores.
• Nada importante a menos de 65 px del borde izquierdo o derecho.
• El titular es lo bastante corto para leerse en dos segundos; la imagen de fondo puede ir a sangre.
• Previsualiza la publicación en un teléfono antes de que salga, porque es la única prueba real de superposición.
• ¿Vas a reutilizar un video vertical como portada? Comprueba el recorte contra la cuadrícula de la guía de tamaño de imagen de portada de TikTok, que tiene sus propios márgenes.