La versión corta
- Las zonas seguras en redes sociales son las áreas de un diseño que la interfaz de la app nunca tapa, en ningún móvil.
- En un marco vertical de 1080×1920, una regla de trabajo habitual es mantener el texto fuera de los 250 píxeles superiores y los 250 inferiores de una story.
- Reels, TikTok y YouTube Shorts llevan una descripción en la parte inferior y botones a lo largo del lado derecho, así que necesitan un margen inferior mayor y también un margen derecho.
- Los banners tienen sus propias zonas tapadas: la foto de perfil se superpone a la parte inferior izquierda de las cabeceras de LinkedIn y X, y los móviles recortan los lados de las portadas de Facebook.
- Las interfaces cambian con las actualizaciones y difieren entre móviles, así que toma cualquier cifra de zona segura como una guía generosa y comprueba publicando antes en privado.
En esta página
Las zonas seguras en redes sociales son las partes de una publicación que ninguna interfaz de app tapa jamás. En los formatos verticales el peligro está arriba, donde van los nombres y las barras de progreso; abajo, donde van las descripciones y los campos de respuesta; y en Reels, TikTok y Shorts, en el borde derecho, donde están los botones de me gusta y compartir. Deja que el fondo llene todo el marco y mantén cada palabra, logotipo y rostro dentro del área segura.
Zonas seguras para vídeo vertical y stories
Todos estos formatos comparten el marco de 1080×1920, pero las superposiciones difieren. Las cifras siguientes son márgenes de trabajo, redondeados al alza a propósito, basados en cómo cada app dispone su interfaz y en las indicaciones que las plataformas dan a los anunciantes. No son medidas oficiales, y cada app las desplaza entre versiones y formas de pantalla.
Arriba
Abajo
Lados
Arriba
Abajo
Lados
Arriba
Abajo
Lados
Abajo
Lados
Arriba
Abajo
Lados
Arriba
Abajo
Lados
Si solo recuerdas una regla, que sea esta: en cualquier vídeo vertical, mantén el contenido importante dentro de una caja central de unos 800 píxeles de ancho y 1150 de alto, que empiece a unos 250 píxeles del borde superior. Esa caja respeta todos los márgenes de la tabla. Hay más detalle por plataforma en el tamaño de las stories de Instagram, el tamaño de portada de TikTok y el tamaño de portada de YouTube Shorts.
Marco completo 1080×1920
1080 × 1920
Segura en toda app 800×1150
800 × 1150
Recorte de cuadrícula 1080×1440
1080 × 1440
Qué hay en cada zona
Saber qué tapa cada borde te ayuda a decidir qué puede ir cerca. Los fondos, las texturas y la cola de un degradado pueden quedar bajo la interfaz. Las palabras, los precios, los logotipos y los rostros, no.
Arriba y abajo de una story
- Barra de progreso y foto de perfil
- Nombre de la cuenta y hora de publicación
- Botones de cerrar y de menú
- Campo de respuesta y botón de compartir
- Stickers de enlace que añades en la app
Abajo y a la derecha de un Reel o TikTok
- Descripción, que crece al pulsarla
- Nombre de la cuenta y botón de seguir
- Etiqueta del audio o del sonido
- Botones de me gusta, comentar, compartir y guardar
- Barra de navegación de la propia app
La descripción es la traicionera. Una descripción corta ocupa dos líneas, pero cuando el espectador la pulsa, se expande hacia arriba sobre el vídeo. Si tu texto está bajo en el marco, una descripción larga lo tapará.
Palabras en la caja segura, más o menos en la parte media alta. Nada importante abajo ni a la derecha.
Una composición en lista contenida a la izquierda y al centro, que deja libre el borde derecho para los botones de la app.
Zonas seguras en banners y cabeceras
Los banners anchos no tienen botones encima, pero sí otros dos problemas: una foto de perfil que se superpone a parte de la imagen y recortes distintos en móviles y ordenadores.
Tamaño
Mantén libre
Tamaño
Mantén libre
Tamaño
Mantén libre
Tamaño
Mantén libre
Tamaño
Mantén libre
YouTube es el caso extremo: el arte del canal es una enorme imagen de 2560×1440, pero los móviles solo muestran una franja estrecha del medio. Nuestras guías del banner de LinkedIn y del banner de YouTube detallan las áreas exactas.
Las publicaciones del feed y las miniaturas también tienen zonas seguras
- Cuadrícula del perfil de Instagram: las publicaciones aparecen como mosaicos 3:4 cortados desde el centro. Una publicación de 1080×1350 pierde una tira de cada lado; la portada de un Reel pierde unos 240 píxeles arriba y abajo. Consulta el recorte de la cuadrícula de Instagram.
- Miniaturas de YouTube: la duración del vídeo está en la esquina inferior derecha, así que mantén rostros y palabras fuera de ella.
- Carruseles: los puntos están justo bajo la imagen, pero algunas apps superponen un contador de diapositivas en la esquina superior derecha.
- Pines de Pinterest: los botones de guardar y el título del pin aparecen al pasar el cursor y bajo el pin, así que deja tranquilo el borde inferior.
Cómo incorporar las zonas seguras a tu flujo de trabajo
- 1
Crea una capa guía una sola vez
En cada plantilla, dibuja la caja segura como una capa guía bloqueada. Mantenla visible mientras diseñas y ocúltala antes de exportar.
- 2
Diseña para la plataforma más estricta
Si un diseño vertical va a ir a Stories, Reels y TikTok, usa los márgenes de TikTok. Así es seguro en todas partes.
- 3
Deja que el fondo sangre
Las zonas tapadas siguen mostrando tu fondo. Lleva el color y la textura hasta cada borde para que el marco nunca parezca encajonado.
- 4
Deja un hueco para stickers
Si vas a añadir un sticker de enlace o de encuesta en la app, deja un área vacía en la parte media baja de la caja segura.
- 5
Previsualiza con la interfaz puesta
Publica para una audiencia privada o de mejores amigos, o guarda un borrador y míralo a pantalla completa. Es la única comprobación de verdad.
Gradiently ayuda en dos frentes. Cuando cambias el tamaño de un diseño a otros formatos con Pro, cada copia se recompone para su forma en lugar de recortarse, así que solo tienes que mover las palabras a la caja segura. El Mark que hay detrás llena todo el marco, zonas de interfaz incluidas, y mantiene su área más calmada y de mejor contraste detrás de tus palabras allá donde se muevan. Texto sobre degradado trata en detalle la legibilidad.
Preguntas frecuentes
¿Qué son las zonas seguras en redes sociales?
Son las partes de una publicación que ninguna interfaz de app tapa. El texto, los logotipos y los rostros van dentro de ellas; los fondos pueden extenderse más allá.
¿Cuál es la zona segura de los Reels de Instagram?
Como regla de trabajo en un marco de 1080×1920, mantén el texto fuera de los 250 píxeles superiores, los 420 inferiores y los 120 de la derecha, donde están la descripción y los botones.
¿Cuál es la zona segura de TikTok?
TikTok tapa la parte inferior con la descripción y la etiqueta de sonido, y la derecha con sus botones. Mantener el texto fuera de unos 480 píxeles inferiores y 140 de la derecha de un marco de 1080×1920 es una guía segura.
¿Hay una zona segura que sirva para todas las plataformas verticales?
Más o menos, sí. Una caja central de unos 800 píxeles de ancho y 1150 de alto, que empiece a unos 250 píxeles del borde superior de un marco de 1080×1920, queda libre en Stories, Reels, TikTok y Shorts.
¿Cambian las zonas seguras?
Sí. Las apps rediseñan sus interfaces y los móviles difieren en forma, así que toma las cifras como guías generosas y previsualiza cada publicación con la interfaz visible.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil