# Tamaño de historia de Facebook y zonas seguras [Canonical HTML page](https://gradiently.design/es/guide/facebook-story-size) Las historias de Facebook llenan la pantalla del móvil y luego superponen una barra de progreso, un nombre y un campo de respuesta sobre tu diseño. Este es el encuadre, las partes que debes dejar libres y qué merece la pena publicar. ## The short version - El tamaño de una historia de Facebook es 1080×1920 píxeles, un encuadre vertical 9:16 que llena la pantalla del móvil. - Facebook coloca la barra de progreso y el nombre de la cuenta en la parte superior de una historia, y el campo de respuesta y las reacciones en la inferior. - Una regla de trabajo habitual, basada en las pautas de Meta para anuncios en historias, es dejar libres de texto y logos aproximadamente los 250 píxeles superiores e inferiores. - Las imágenes de otras formas se escalan para encajar en el encuadre de la historia y el espacio sobrante se rellena, lo que se ve menos intencionado que un diseño a encuadre completo. - El mismo diseño de 1080×1920 funciona para historias de Instagram, Snapchat y WhatsApp, así que una historia bien hecha puede viajar por todas. El **tamaño de historia de Facebook** es 1080×1920 píxeles, un encuadre vertical 9:16 que llena la pantalla del móvil. Facebook dibuja su propia interfaz sobre cada historia: la barra de progreso y el nombre de tu página o perfil en la parte superior, el campo de respuesta y los botones de reacción en la inferior. Diseña el fondo para que llegue de borde a borde, pero mantén palabras, logos y caras fuera de los 250 píxeles superiores e inferiores aproximadamente, una regla de trabajo basada en las pautas de Meta para anuncios en historias. ## Dimensiones de las historias de Facebook - Historia 1080×1920: 1080 × 1920 - Centro seguro 1080×1420: 1080 × 1420 - Post vertical 1080×1350: 1080 × 1350 La historia completa, la banda central que queda tras los 250 píxeles superiores e inferiores y un post vertical del feed para comparar. La banda segura es solo un poco más alta que un post del feed. Esa comparación es lo más útil que hay que recordar. Una vez descontada la interfaz, el espacio donde puedes poner palabras con seguridad apenas es más alto que un [post de Facebook](https://gradiently.design/es/guide/facebook-post-size) de 1080×1350. La altura extra de una historia es para la atmósfera: fondo, fotografía, movimiento. Exporta las historias fijas como PNG cuando sean sobre todo texto y color, y el vídeo como MP4 al mismo tamaño. ## Zonas seguras de las historias de Facebook | Zona | Desde arriba (px) | Qué la cubre | Para qué usarla | | --- | --- | --- | --- | | Superior | 0 a 250 | Barra de progreso, foto de perfil, nombre, menú | Solo fondo | | Centro | 250 a 1670 | Nada | Titular, detalles, logo, caras | | Inferior | 1670 a 1920 | Campo de respuesta, reacciones, compartir | Solo fondo | Los móviles difieren en forma, así que la interfaz se mueve un poco. Unos márgenes generosos los cubren todos. Una historia vertical de Facebook de una cafetería que anuncia la sopa de hoy, con el texto en el centro del encuadre Palabras en la banda central, con el fondo corriendo bajo la interfaz en ambos extremos. Una historia vertical de Facebook con la cuenta atrás de dos días para un mercado de primavera, con espacio debajo de las palabras Un encuadre de cuenta atrás. El hueco vacío en la parte inferior central deja sitio para un sticker añadido en la app. Si añades stickers, enlaces o texto en la app después de subirla, planifica una zona vacía para ellos en la parte inferior central del encuadre. Necesitan la misma banda segura que todo lo demás. Para ver con más detalle cómo se superponen las plataformas a tus diseños, consulta [zonas seguras de redes sociales](https://gradiently.design/es/guide/social-media-safe-zones). ## Fotos y vídeos que no son 9:16 Si subes a una historia una foto horizontal o un gráfico cuadrado, Facebook lo escala para ajustarlo al ancho y rellena el espacio de arriba y de abajo. Funciona, pero parece algo hecho sin pensar, y la imagen queda pequeña en medio de una pantalla grande. Para el vídeo vertical, graba con el móvil en vertical o reencuádralo en la edición, y mantén también los subtítulos incrustados dentro de la banda central. ### Evita - Posts del feed puestos en una historia sin cambios - Palabras en los 250 píxeles superiores o inferiores - Párrafos largos en un solo encuadre - Vídeo horizontal en una historia vertical ### Haz - Una historia hecha a 1080×1920 desde el principio - Palabras solo en la banda central - Un mensaje por encuadre y luego el siguiente - Vídeo grabado o editado en vertical Para compartir bien un post del feed como historia, recompónlo para el encuadre alto: las mismas palabras, los mismos colores, texto más grande y más fondo. [Tamaño de historia de Instagram](https://gradiently.design/es/guide/instagram-story-size) trata el mismo encuadre para Instagram, donde las reglas son casi idénticas. ## Compartir historias de Instagram en Facebook Si tus cuentas de Instagram y Facebook están conectadas en el Centro de cuentas de Meta, puedes compartir las historias de Instagram en Facebook automáticamente o de una en una. Como ambas usan 1080×1920 con interfaces parecidas, una historia diseñada con la banda segura en mente funciona en las dos. Las diferencias son pequeñas: no todos los stickers interactivos pasan de una a otra, así que una encuesta de Instagram puede llegar a Facebook como una imagen simple. Comprueba una vez la versión de Facebook antes de fiarte. ## Cómo diseñar una historia de Facebook para una página 1. **Elige una sola cosa** Un encuadre fijo está en pantalla unos segundos. El plato del día, una fecha, una novedad: di una sola cosa por encuadre. 2. **Pon el titular justo debajo de la banda superior** A unos 300 a 500 píxeles desde arriba es donde cae primero la vista, lejos del nombre y de la barra de progreso. 3. **Hazlo grande** El texto de una historia puede ser mucho mayor que el del feed. Un titular de 90 a 120 píxeles se lee de un vistazo. 4. **Que el fondo sea la marca** Una historia es sobre todo fondo. Los mismos colores o el mismo material en cada encuadre hacen que tus historias se reconozcan antes de que nadie lea el nombre. 5. **Previsualiza con la interfaz puesta** Publica para un público pequeño o míralo antes en tu propio móvil. Es la única prueba fiable de las zonas seguras. Las historias van bien para las actualizaciones pequeñas y frecuentes que saturarían un feed: lo que hay fresco hoy, un recordatorio el día antes de un evento, un agradecimiento rápido después. [Ideas de historias de Instagram](https://gradiently.design/es/guide/instagram-story-design) tiene muchas que funcionan igual de bien en Facebook. El Designer de Gradiently puede redactar y componer encuadres como estos a partir de una breve descripción, en tu Mark a 1080×1920, con un texto que se lee bien incluso donde el fondo es más recargado. ## Ideas de historias de Facebook para una página - **La pizarra de hoy:** el plato del día, la hornada fresca, el hueco que se acaba de abrir. Una línea, publicada por la mañana. - **Cambio de horario:** un encuadre claro para festivos y cierres. [Posts de horarios en festivos](https://gradiently.design/es/guide/out-of-office-graphic) trata la redacción. - **Cuentas atrás:** tres encuadres a lo largo de la semana previa a un evento, el mismo diseño con un número nuevo. Consulta [diseño de posts de cuenta atrás](https://gradiently.design/es/guide/countdown-post-design). - **Detrás del mostrador:** un breve clip vertical del propio trabajo, con un encuadre de título fijo primero. [Contenido entre bastidores](https://gradiently.design/es/guide/behind-the-scenes-content) tiene más. - **Gracias:** después de un evento o de un fin de semana de mucho trabajo, una sola línea cálida sobre tu fondo habitual. ## FAQ ### ¿Qué tamaño tiene una historia de Facebook? 1080×1920 píxeles, un encuadre vertical 9:16. ### ¿Cuál es la zona segura de las historias de Facebook? Mantén el texto y los logos fuera de los 250 píxeles superiores e inferiores aproximadamente, donde están la barra de progreso, el nombre, el campo de respuesta y las reacciones. ### ¿Es el tamaño de las historias de Facebook el mismo que el de Instagram? Sí. Ambas usan 1080×1920 y las interfaces son parecidas, así que un diseño con las palabras en la banda central funciona en las dos. ### ¿Por qué mi foto se ve pequeña en una historia de Facebook? Probablemente es horizontal o cuadrada. Facebook la escala para ajustarla al ancho y rellena el resto; haz o recorta la imagen a 1080×1920 en su lugar.