# Tamaño de las historias de Instagram y zonas seguras [Canonical HTML page](https://gradiently.design/es/guide/instagram-story-size) Una historia llena toda la pantalla del móvil, e Instagram coloca su propia interfaz arriba y abajo. Aquí tienes el tamaño, las zonas que conviene dejar libres y cómo diseñar dentro de ellas. ## The short version - El tamaño de una historia de Instagram es 1080×1920 píxeles, un marco vertical 9:16 que llena la pantalla del móvil. - Instagram coloca el nombre del perfil y la barra de progreso en la parte superior de la historia, y el campo de respuesta y los botones en la inferior. - Una regla de trabajo habitual, basada en las indicaciones de Meta para anuncios en historias, es dejar libres de texto y logos unos 250 píxeles arriba y abajo. - Los Reels usan el mismo marco de 1080×1920, pero llevan más interfaz abajo y en el lado derecho, así que ahí necesitan márgenes más amplios. - El mismo tamaño de 1080×1920 sirve para las historias de Facebook, Snapchat y WhatsApp, las portadas de TikTok y las portadas de YouTube Shorts. El **tamaño de una historia de Instagram** es 1080×1920 píxeles, un marco vertical 9:16 que llena la pantalla del móvil. Instagram superpone su propia interfaz arriba y abajo en cada historia: el nombre del perfil y la barra de progreso encima, el campo de respuesta y los botones debajo. Así que diseña para el marco entero, pero deja las palabras y los logos en el centro. Una regla muy extendida, basada en las indicaciones de Meta para anuncios en historias, es dejar libres de texto unos 250 píxeles arriba y abajo. ## Medidas de las historias de Instagram | Propiedad | Valor | | --- | --- | | Tamaño | 1080×1920 px | | Proporción | 9:16 | | Orientación | Vertical, a pantalla completa | | Mismo marco que | Reels, historias de Facebook y Snapchat, estados de WhatsApp, portadas de TikTok y Shorts | | Perfil de color | sRGB | Diseña exactamente a 1080×1920. Una historia con cualquier otra forma se escala o se rellena con bandas para que encaje. En las historias fijas, exporta en PNG cuando el diseño sea sobre todo texto, color plano o degradados, porque Instagram vuelve a comprimir lo que subes y eso es lo que más sufre. Para fotografías, usa un JPEG de alta calidad. En las historias con movimiento, exporta vídeo MP4 al mismo tamaño de 1080×1920, para que la app no tenga nada que reescalar. Como el marco lo comparten tantas plataformas, un buen diseño vertical llega muy lejos. La lista completa está en [tamaños de imagen para redes sociales](https://gradiently.design/es/guide/social-media-image-sizes). ## Zonas seguras de las historias de Instagram La zona segura es la parte de la historia que nada tapa en ningún móvil. Los móviles tienen pantallas de formas distintas, así que la interfaz cae en sitios ligeramente diferentes, y por eso los márgenes de abajo son generosos. | Zona | Desde arriba (px) | Qué hay ahí | Qué poner | | --- | --- | --- | --- | | Superior | 0 a 250 | Barra de progreso, foto de perfil, nombre, botón de cerrar | Solo fondo | | Central | 250 a 1670 | Nada | Titulares, logo, datos clave | | Inferior | 1670 a 1920 | Campo de respuesta, botones de compartir y me gusta | Solo fondo | Las tres franjas de una historia. Trata la superior y la inferior como sangrado: parte del diseño, pero nunca sitio para palabras. - Historia 9:16: 1080 × 1920 - Publicación 4:5: 1080 × 1350 - Cuadrado 1:1: 1080 × 1080 Una historia junto a una publicación vertical y una cuadrada, a escala. La historia es mucho más alta, por eso las composiciones del feed no se trasladan a ella estirándolas. ## Historias y Reels no son exactamente lo mismo Los Reels usan el mismo marco de 1080×1920, pero su interfaz es más pesada. El texto, la etiqueta del audio y el nombre de la cuenta van en la parte inferior, y los botones de me gusta, comentar y compartir bajan por el lado derecho. Coloca el texto más arriba y más lejos del borde derecho que en una historia. ### Historia - Perfil y barra de progreso arriba - Campo de respuesta y botones abajo - Se avanza tocando, así que cada fotograma se ve poco tiempo - En la app se pueden añadir stickers, enlaces y encuestas ### Reel - Texto, audio y nombre de la cuenta en la parte inferior - Botones de acción en el lado derecho - Se reproduce como vídeo, a menudo en bucle - La portada también aparece en la cuadrícula del perfil, recortada ## Cómo diseñar una historia de Instagram 1. **Un mensaje por fotograma** Una historia fija está en pantalla unos segundos. Di una sola cosa, con claridad, y deja la siguiente para el siguiente fotograma. 2. **Pon el titular en la parte central alta** Justo por debajo de la línea segura superior es donde primero se posa la mirada, por encima de los stickers o enlaces que añadirás en la app. 3. **Deja sitio para los stickers** Si vas a añadir un sticker de enlace, encuesta o pregunta, reserva una zona vacía en la parte central baja. 4. **Que el fondo haga el trabajo de marca** Las historias van a sangre completa, así que el fondo es casi todo lo que se ve. Un color o un material constante hace que cada fotograma sea reconociblemente tuyo. 5. **Comprueba el contraste allí donde haya texto** Sobre un degradado o una foto, el contraste cambia a lo largo del marco. [Texto sobre un degradado](https://gradiently.design/es/guide/text-on-gradient) muestra cómo mantener legible cada línea. Una historia vertical de Instagram que anuncia una nueva carta, con las palabras centradas y el degradado llenando el marco Las palabras en la franja central y el fondo a sangre completa detrás de la interfaz. Una historia vertical que pregunta Qué horneamos ahora, con una zona vacía debajo para un sticker de encuesta Un fotograma de pregunta con espacio debajo para un sticker de encuesta. Para más formatos e ideas, consulta [ideas para historias de Instagram](https://gradiently.design/es/guide/instagram-story-design). ## Movimiento en las historias Las historias son donde el movimiento se gana su sitio. Un fondo que se desplaza despacio bajo unas palabras quietas llama la atención sin necesidad de grabar un vídeo. Mantén las palabras quietas y el movimiento suave, y asegúrate de que el bucle se une sin un salto visible. [Publicaciones animadas de Instagram](https://gradiently.design/es/guide/animated-social-posts) y [fondos para Reels](https://gradiently.design/es/guide/reels-tiktok-backgrounds) profundizan en ello. Gradiently exporta cualquier diseño como un bucle perfecto de 5 a 30 segundos, justo la duración adecuada para un fotograma de historia. > **Previsualiza antes de publicar** Envíate la historia o publícala primero para Mejores amigos. La única forma de asegurarte de que nada queda bajo la interfaz es verla con la interfaz puesta. ## FAQ ### ¿Qué tamaño tiene una historia de Instagram? 1080×1920 píxeles, un marco vertical 9:16. ### ¿Cuál es la zona segura de las historias de Instagram? Deja el texto y los logos fuera de los 250 píxeles superiores e inferiores, más o menos, donde están el nombre del perfil, la barra de progreso, el campo de respuesta y los botones. ### ¿El tamaño de un Reel de Instagram es el mismo que el de una historia? Sí, 1080×1920, pero los Reels llevan más interfaz en la parte inferior y en el lado derecho, así que aleja más el texto de esos bordes. ### ¿Puedo usar el mismo diseño para historias de Instagram, Facebook y Snapchat? Sí. Todas usan un marco vertical de 1080×1920, así que un diseño sirve para todas, siempre que las palabras se queden en la franja central. ### ¿Qué pasa si mi historia no es 9:16? Instagram la escala para que encaje y rellena el espacio sobrante, normalmente con un fondo desenfocado o de color, así que se ve menos intencionada que un diseño a marco completo.