Sube un frame de tu Facebook Story y esta herramienta superpone exactamente las zonas que cubre la interfaz de Facebook: las barras de progreso de la historia, el encabezado de perfil y nombre, la barra de respuesta inferior y (para historias patrocinadas o con enlace) la zona del botón CTA. Verás de un vistazo si tu gancho, tu foto de producto o el texto en pantalla van a desaparecer detrás de una barra de "Enviar mensaje" o un botón de "Comprar ahora". Todo ocurre en tu navegador: tu imagen nunca se sube, almacena ni envía a ningún sitio.
El canvas reproduce una Facebook Story real — 1080 × 1920 px, 9:16 — tomado directamente del mismo conjunto de datos verificados que alimenta nuestra guía de tamaño de Facebook Story, así que el frame de aquí y la ficha de especificaciones a la que enlaza nunca pueden desincronizarse. Las superposiciones se posicionan a partir de mediciones documentadas de la interfaz de Story, pero son una guía, no una especificación exacta al píxel: Facebook ajusta su diseño entre versiones de la app y dispositivos.
Drag and drop a frame from your clip here, or
JPEG, PNG, or WebP, up to 20 MB. Processed in your browser — never uploaded.
Your frame will appear here with the safe-zone overlays.
What the interface covers
These are the share of the total frame each interface zone occupies — pure geometry. The tool can’t see your image, so it makes no claim about whether your subject is covered; judge that against the overlay above.
Las posiciones de los elementos de la interfaz son aproximadas y varían según la versión de la app, el dispositivo y el tamaño de pantalla — trata las superposiciones como una guía, no como una especificación exacta al píxel. A partir de junio de 2026.
Your image is processed entirely in your browser with the Canvas API — it never leaves your device, and nothing is uploaded or stored.
Guide
Una Facebook Story se reproduce a pantalla completa, pero la app coloca sus propios controles directamente encima de tu contenido — y esos controles no se apartan para dejar ver tu historia. La parte superior del frame la ocupan las finas barras de progreso segmentadas que indican la posición en la historia. Justo debajo se sitúa la fila de perfil: foto de perfil, nombre de cuenta, marca de tiempo, el menú de silenciar/más y el botón de cerrar (X) — en conjunto, el chrome superior combinado ocupa aproximadamente el 14% de la altura del frame. La franja inferior es donde se producen más colisiones: las historias orgánicas muestran un compositor de respuesta "Enviar mensaje" y accesos directos de reacciones a lo largo del ~13% inferior (~250 px) del frame. Las propias directrices creativas de Meta son aún más conservadoras — indican a los diseñadores que mantengan el texto y los logos fuera de los ~340 px inferiores (~18%) para dejar espacio a los gestos y la interfaz de enlace — así que trata ~250 px como la barra de respuesta visible y ~340 px como el margen libre recomendado. Si tu historia es patrocinada o incluye un enlace de deslizamiento, Facebook añade un botón CTA — Saber más, Comprar ahora, etc. — por encima de la barra de respuesta, lo que eleva la oclusión total inferior a aproximadamente el 20%.
Todo lo que coloques dentro de esas zonas sigue estando en tu archivo de imagen, pero los espectadores puede que nunca lo vean claramente. El error más habitual es colocar un precio, una llamada a la acción o un eslogan de marca en el quinto inferior del frame, justo donde cae la barra de respuesta o el botón CTA. Superpón tu frame aquí y la colisión es obvia antes de publicar, no después.
El área segura y fiable en una Facebook Story es la banda central del frame — aproximadamente entre el 14% desde arriba y el 80% desde arriba, dejando un pequeño margen lejos del borde derecho donde los gestos táctiles y las esquinas redondeadas del dispositivo recortan la imagen. Mantén caras, productos, precios y cualquier texto que necesites que se lea bien dentro de esa banda. Para historias orgánicas, el quinto inferior es la zona de peligro; para anuncios, trata el cuarto inferior como perdido por el botón CTA más la barra de respuesta.
El margen táctil del borde derecho es fácil de subestimar. Facebook usa el extremo derecho del frame como zona de toque para avanzar, y las esquinas redondeadas del teléfono recortan la banda exterior en la mayoría de dispositivos — cualquier elemento crítico cerca de ese borde quedará visualmente recortado u ocultado por el objetivo táctil. Un ligero margen simétrico a la izquierda es también una práctica sensata. Ante la duda, diseña hacia el centro y date margen de respiración en los cuatro bordes en lugar de forzar el contenido hacia los extremos.
Cada porcentaje indica el área de una zona de Story sobre el frame completo 9:16 — geometría pura, sin análisis de tu foto. El dato que más importa en Facebook Stories es el inferior, porque depende del tipo de Story que estés publicando. Una historia orgánica solo muestra la barra de respuesta "Enviar mensaje", así que la oclusión inferior es solo esa banda. En el momento en que una historia es patrocinada o lleva un enlace, Facebook apila un botón CTA — Saber más, Comprar ahora — por encima de esa barra, y la zona inferior no segura sube a aproximadamente el 20%. La misma composición puede ser perfectamente segura como historia orgánica y quedar recortada como anuncio.
Por eso, si tienes pensado promocionar esta historia o añadirle un enlace, activa la zona del botón CTA y diseña desde el principio para esa banda inferior más alta; si es estrictamente orgánica, puedes recuperar el espacio entre la barra de respuesta y la zona CTA. Consulta las notas por zona para saber cuál es cuál, y trata las mediciones documentadas como una guía — Facebook las ajusta entre versiones de la app y dispositivos — deja un margen en los bordes.
No. El frame de tu Story permanece en tu dispositivo — la Canvas API lo dibuja junto con las superposiciones de zona segura dentro de la misma página, y cualquier vista previa anotada que guardes se descarga directamente a ti. Ningún servidor recibe el archivo, nada se almacena ni se registra, y todo funciona igual con la conexión desactivada.
Son las áreas de una Facebook Story donde la propia interfaz de la app se superpone a tu contenido: las barras de progreso superiores, la fila de perfil y nombre, la barra de respuesta inferior y (para anuncios o historias con enlace) la zona del botón CTA por encima de la barra de respuesta. Mantén todo lo importante — tu cara, tu oferta, el texto en pantalla — alejado de esas zonas y hacia el centro del frame.
No. Muestra dónde se sitúan las barras de progreso, el encabezado de perfil, la barra de respuesta y (para anuncios) el botón CTA, e indica qué porcentaje del frame ocupa cada uno — esa es toda la medición. Si tu oferta o tu cara caen realmente detrás de la barra de respuesta o el CTA es algo que tú decides con la vista, con la superposición activada; no fabricamos un número de "sujeto bloqueado" que una herramienta de navegador no tiene forma de medir realmente.
Se han transcrito de mediciones documentadas de la interfaz de Facebook Stories, así que son suficientemente precisas para planificar sobre ellas — pero son una guía, no una especificación exacta al píxel. Facebook ajusta su diseño entre versiones de la app, dispositivos y tamaños de pantalla, así que deja un pequeño margen en lugar de colocar contenido justo en el borde de una zona. La zona del botón CTA aplica a historias patrocinadas y con enlace; las historias orgánicas solo muestran la barra de respuesta en la parte inferior.
Superpone la interfaz de Reels — barra superior, rail de acciones, bloque de descripción y navegación — sobre tu clip para ver qué queda tapado. Funciona en tu navegador.
Verificador de zona segura de Instagram StoriesSuperpón la interfaz de las Stories de Instagram — barras de progreso, fila de perfil, barra de respuesta y márgenes laterales — sobre tu fotograma para ver qué queda tapado. Funciona en tu navegador.
Comprobador de zona segura de TikTokSuperpone la interfaz del feed Para ti de TikTok — pestañas superiores, rail de acciones derecho, bloque de descripción y barra de navegación — sobre tu clip para ver qué queda tapado. Funciona en tu navegador.
0,00 € hoy · cancela cuando quieras · garantía de reembolso de 7 días
Gratis — pega este fragmento en cualquier página. Se mantiene actualizado automáticamente y enlaza de vuelta a SocialKit.
<iframe src="https://socialk.it/embed/facebook-story-safe-zone-checker" width="100%" height="920" style="border:1px solid #e5e7eb;border-radius:12px;max-width:680px" loading="lazy" title="Comprobador de zona segura de Facebook Stories by SocialKit"></iframe>SocialKit publishes scheduled Reels natively to Instagram — check your framing here, then let the calendar publish it at the right time across all 11 platforms.
0,00 € hoy · cancela cuando quieras · garantía de reembolso de 7 días