Aviso: TikRift es una herramienta independiente. No está afiliada, patrocinada ni respaldada por TikTok ni por ByteDance. "TikTok" y "TikTok LIVE Studio" son marcas de sus respectivos titulares y se mencionan solo para indicar compatibilidad.
Overlay vertical para TikTok LIVE: tamaño, zonas seguras y diseño
Por Matías González (MattsinLife) · Creador de contenido en directo
Actualizado el
La mayoría de la gente ve TikTok LIVE en el móvil y en vertical. Un overlay pensado para Twitch o YouTube, en horizontal, se queda pequeño o acaba debajo de los comentarios. Aquí tienes el tamaño correcto, qué partes de la pantalla conviene dejar libres y dónde poner cada elemento para que se vea y no moleste.
Qué tamaño debe tener un overlay de TikTok LIVE
- Vertical: 1080 × 1920 píxeles (proporción 9:16). Es el formato para un directo pensado para móvil.
- Horizontal: 1920 × 1080 (16:9), útil si emites un juego a pantalla completa y aceptas que en el móvil se verá con bandas.
- Fondo transparente: el overlay tiene que dejar ver tu cámara o tu juego. Si usas una imagen fija (un marco hecho en Canva, por ejemplo), expórtala en PNG con transparencia.
Regla práctica: diseña la escena entera al tamaño del lienzo y pon cada widget dentro, en vez de añadir capas sueltas con tamaños distintos.
Las zonas que tapa la interfaz de TikTok
En el móvil, encima de tu vídeo, TikTok pinta su propia interfaz:
- Arriba: tu perfil, el número de espectadores y algunos avisos.
- Abajo: los comentarios, la caja para escribir y los botones de regalos.
- Lateral derecho: botones e indicadores que pueden aparecer durante el directo.
La posición exacta cambia según el móvil, el idioma y la versión de la app, así que no hay medidas universales. Lo que sí funciona siempre: deja la franja inferior y la superior para TikTok y pon lo importante en la parte central y en el lateral izquierdo.
En TikRift, el editor de escenas incluye una guía de «zonas de TikTok» que marca qué partes de la pantalla tapa la interfaz, para que no tengas que adivinarlo.
Dónde colocar cada elemento
| Elemento | Dónde | Por qué |
|---|---|---|
| Alertas de regalos | Centro, a pantalla completa | Duran unos segundos y deben verse bien |
| Meta o contador de regalos | Arriba a la izquierda, bajo el perfil | Se lee de un vistazo y no choca con los comentarios |
| Ranking de top gifters | Lateral izquierdo, a media altura | Lista vertical que no tapa tu cara |
| Marcador de batalla | Centro-alto | Lo miran durante toda la batalla |
| Mensaje de bienvenida o noticias | Franja horizontal estrecha sobre los comentarios | Texto corto que no compite con el chat |
Menos es más: si hay demasiados elementos, nadie mira ninguno. Prioriza 3 o 4 y alterna el resto entre escenas.
Montar la escena entera con una sola URL
Puedes añadir cada widget como una fuente distinta, pero cuesta mantenerlo. Con LIVE Dinámico de TikRift montas la escena completa y la añades con una sola URL:
- Formato 1080 × 1920 (vertical) o 1920 × 1080 (horizontal).
- Arrastras, cambias el tamaño, ordenas las capas y bloqueas los elementos.
- Hasta 12 elementos visibles por escena y 2 escenas, cada una con su URL.
- Los cambios se guardan solos.
- Puedes añadir tus propios archivos multimedia, en bucle y con filtro de croma (pantalla verde).
Tamaños de referencia si añades un widget suelto: la mayoría ocupan 500 × 400; el mensaje de entrada 900 × 300; las noticias, una franja de 1080 × 160.
Añadirlo en TikTok LIVE Studio u OBS
Copia la URL (ficticia de ejemplo: https://overlay.tikrift.com/t/d7Kq2mVx9LpR4sNw).
En TikTok LIVE Studio, añade una fuente de tipo Enlace / Link (el nombre exacto puede variar según la versión) y pega la URL con el tamaño del lienzo (1080 × 1920).
Como alternativa, en OBS: fuente de navegador → pega la URL → ancho 1080 y alto 1920 (o 1920 × 1080 en horizontal) → Aceptar. Si sale en blanco, actualiza la fuente.
Si no tienes claro cómo emitir desde el ordenador, empieza por la guía de cómo hacer LIVE en TikTok desde el PC.
Errores típicos de diseño
- Overlay horizontal en un LIVE vertical: todo sale diminuto. Diseña en 1080 × 1920.
- Meta pegada abajo: los comentarios la tapan. Súbela.
- Escalar el widget en el programa de emisión: se ve borroso. Mejor ajustar el ancho y alto de la fuente.
- Demasiadas capas: satura y distrae. Usa la segunda escena para lo que no necesitas siempre.
- No mirarlo en el móvil: lo que se ve bien en el monitor puede quedar debajo de un botón. Haz una prueba y míralo desde otra cuenta.
Preguntas frecuentes
¿Qué tamaño tiene un overlay para TikTok LIVE?
Para un directo vertical, 1080 × 1920 píxeles (9:16). Si emites en horizontal, 1920 × 1080. Diseña la escena entera a ese tamaño y con fondo transparente.
¿Qué partes de la pantalla tapa TikTok en un LIVE?
Arriba, el perfil y los espectadores; abajo, los comentarios y los botones de regalos; y algunos botones en el lateral. La posición exacta varía según el móvil y la versión, así que deja libres esas franjas y revisa el resultado en un teléfono.
¿Cómo pongo un overlay de TikRift en mi directo?
En TikRift, pulsa «Copiar URL» en la escena o el widget. En LIVE Studio, añade una fuente de tipo Enlace / Link y pega la URL; en OBS, añade una fuente de navegador, pega la URL y pon el ancho y alto de tu escena (1080 × 1920 en vertical).
¿Puedo usar un overlay hecho en Canva?
Sí, como imagen: expórtalo en PNG con fondo transparente y añádelo como imagen. Para elementos que cambian durante el directo (alertas, metas, rankings) necesitas un overlay por URL.