Tamaño de los paneles de Twitch: 640×320 y a juego

El tamaño de panel de Twitch para diseñar es de 640×320 píxeles, un formato 2:1. Twitch muestra los paneles a 320 píxeles de ancho en la sección Información bajo tu directo, así que un diseño de 640 píxeles se dibuja al doble de resolución y se mantiene nítido en pantallas definidas. Trata cada panel como un encabezado con etiqueta, una o dos palabras como Sobre mí u Horario, y pon el detalle en el texto de descripción del panel, que Twitch muestra debajo y que se lee a cualquier tamaño.

Medidas de los paneles de Twitch

Los paneles comparten tu canal con otras dos piezas de arte más grandes: el banner de perfil en la parte superior y la pantalla offline dentro del reproductor. Vistos uno junto a otro, el panel es diminuto. Ese único hecho decide la mayoría de las decisiones de diseño de abajo.

Planea el conjunto de paneles antes de diseñar uno

La mayoría de los canales necesitan entre cuatro y ocho paneles. Escribe primero la lista y luego diséñalos todos de una sentada para que compartan cada decisión. Un espectador que baje por la página debería ver una fila de mosaicos a juego, igual que un buen menú usa la misma tipografía en todos los encabezados.

Dejar el detalle fuera de la imagen tiene un segundo beneficio: cuando cambia tu horario, editas una línea de texto en lugar de rediseñar una imagen. Usa el campo de enlace del panel para todo lo que se pueda pulsar, como tu invitación de Discord, de modo que toda la imagen se convierta en el botón.

Cómo hacer que los paneles de Twitch se vean coherentes

La coherencia viene de fijar cuatro cosas y cambiar solo una. Fija el fondo, la tipografía, la posición de la etiqueta y los márgenes; cambia solo la palabra. Si quieres variedad, desplaza de un panel a otro dónde cae la luz en el fondo, pero mantén los colores de una misma familia para que la fila siga leyéndose como un conjunto.

Dimensiona la letra para tu etiqueta más larga, no para la más corta. Si «Comunidad» cabe a un tamaño dado, pon también todas las demás etiquetas a ese tamaño, aunque «Sobre mí» pudiera ser más grande. Los tamaños iguales son lo que hace que la fila parezca deliberada.

Tamaño del texto en un panel de Twitch

En la página, un panel de 640×320 se convierte en 320×160, así que cada letra se reduce a la mitad. Como regla práctica, pon las etiquetas con mayúsculas de al menos 60 píxeles de alto en el diseño de 640 píxeles, lo que da unos 30 píxeles en pantalla. Deja libres unos 40 píxeles en cada borde, para que ninguna etiqueta quede apretada contra el borde del panel.

• Usa un peso grueso o muy grueso: los trazos finos se deshacen al reducirse a la mitad. Fuentes gruesas tiene opciones que aguantan en tamaños pequeños.
• Limítate a una o dos palabras por panel. Una frase en una imagen es una frase que nadie lee.
• Comprueba el contraste en toda la etiqueta, no solo en su centro. Los degradados cambian detrás de las letras, algo que explica texto sobre un degradado.
• Evita los contornos y las sombras para rescatar un contraste débil. Elige en cambio una parte más calmada del fondo.

Antes de subirlo, reduce el diseño a 320 píxeles de ancho en tu propia pantalla y míralo a un brazo de distancia. Si alguna etiqueta cuesta leerla, es demasiado pequeña o tiene poco contraste.

Haz que los paneles combinen con el resto del canal

Los paneles funcionan mejor cuando parecen pertenecer a tu overlay, tu pantalla offline y tu banner de perfil. Usa el mismo fondo y la misma tipografía en todos, algo que explica por completo la imagen de marca de streamer en Twitch, y mira pantallas offline de Twitch y fondos de directo para las piezas más grandes.

1. 1

   Elige un fondo

   Escoge el color o el material que recorrerá el overlay, el banner, la pantalla offline y los paneles.

2. 2

   Diseña un panel maestro

   Pon la etiqueta más larga a 640×320, decide su tamaño, posición y márgenes, y no toques más.

3. 3

   Duplícalo para cada etiqueta

   Cambia solo la palabra. Resiste la tentación de ajustar nada más panel por panel.

4. 4

   Exporta como PNG

   El PNG mantiene limpios el color liso y las letras, mientras que un JPG comprimido puede desdibujar los bordes de las letras.

5. 5

   Añade los paneles por orden de importancia

   Activa Editar paneles bajo tu directo, sube cada imagen, define su enlace y escribe su descripción. Sobre mí y Horario van primero.

El tercer paso es donde se desvían los conjuntos hechos a mano. En Gradiently Pro puedes poner las etiquetas en una hoja de cálculo y usar la creación en lote para hacer todos los paneles de una página de una sola vez, de modo que nada se mueva entre ellos, y el mismo Mark continúa en tu pantalla offline y tu banner a sus propios tamaños. El mismo método sirve para cualquier serie, como muestra la guía de creación en lote.