# Tamaño de los paneles de Twitch: 640×320 y a juego [Canonical HTML page](https://gradiently.design/es/guide/twitch-panel-size) Los paneles son la tira de mosaicos bajo tu directo que cuenta a los espectadores nuevos quién eres. Hechos como un conjunto, parecen un canal con plan. Hechos uno a uno, parecen un tablón de anuncios. ## The short version - Diseña los paneles de Twitch a 640×320 píxeles, un formato 2:1 que Twitch muestra a 320 píxeles de ancho. - Diseñar al doble del ancho de visualización mantiene nítido el texto de los paneles en pantallas de móvil y portátil de alta densidad. - Los paneles de Twitch van en la sección Información, bajo el reproductor de vídeo, y cada uno puede llevar una imagen, un enlace y una descripción escrita. - Un conjunto de paneles se lee como un solo diseño cuando todos comparten fondo, tipografía, posición de la etiqueta y márgenes. - Limita las etiquetas de los paneles a una o dos palabras, porque la imagen tiene más o menos el tamaño de una miniatura cuando está en la página. 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 | Propiedad | Valor | | --- | --- | | Tamaño de diseño | 640×320 px | | Se muestra en el canal a | 320 px de ancho | | Proporción | 2:1 | | Tipo de archivo | PNG para texto y color liso, JPG para fotos | | Cada panel puede llevar | Un título, una imagen, un enlace y una descripción | Twitch reduce las imágenes de los paneles al ancho de la columna. Se permiten paneles más altos, pero una altura 2:1 constante es lo que hace que una fila de paneles se vea ordenada. 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. - Panel 640×320: 640 × 320 - Banner de perfil 1200×480: 1200 × 480 - Pantalla offline 1920×1080: 1920 × 1080 Las tres piezas de arte de un canal de Twitch a sus tamaños de diseño, dibujadas a escala. El panel es una fracción de la pantalla offline, así que solo puede llevar una palabra o dos. ## 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. | Panel | Etiqueta de la imagen | Qué va en la descripción | | --- | --- | --- | | Sobre mí | Sobre mí | Quién eres y qué retransmites, en tres frases | | Horario | Horario | Días y horas de inicio con tu zona horaria | | Normas | Normas del chat | Cuatro o cinco normas cortas | | Comunidad | Discord | Una línea sobre lo que ocurre allí, con el enlace de invitación en la imagen | | Redes | Redes | Dónde van los clips y los anuncios | | Equipo | Equipo | Cámara, micrófono, ajustes del juego | | Apoyo | Apoyo | Cómo suscribirse o dar propina, sin presión | Un conjunto de paneles típico. La imagen lleva la etiqueta; la descripción lleva el detalle, porque el texto de la descripción se puede actualizar en segundos y lo leen los lectores de pantalla y los buscadores. 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 Un panel de Twitch de 640 por 320 con la palabra «Sobre mí» centrada sobre un fondo degradado El panel Sobre mí: una palabra, centrada, sobre el fondo del canal. Un panel de Twitch de 640 por 320 a juego con la palabra «Horario» en el mismo lugar y estilo El panel Horario: mismo fondo, misma tipografía, misma posición. Solo cambia la palabra. 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. ### Parece un tablón de anuncios - Un color distinto en cada panel - Etiquetas alineadas a la izquierda en uno y centradas en el siguiente - Un tamaño de letra distinto según la longitud de la palabra - Horarios escritos dentro de la imagen - Iconos de tres series distintas ### Parece un conjunto - Una familia de fondos en todos los paneles - La etiqueta en la misma posición siempre - Un solo tamaño de letra, elegido para la etiqueta más larga - Horas en la descripción, fáciles de actualizar - Un estilo de icono, o ningún icono 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](https://gradiently.design/es/guide/bold-fonts) 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](https://gradiently.design/es/guide/text-on-gradient). - 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](https://gradiently.design/es/guide/twitch-streamer-branding), y mira [pantallas offline de Twitch](https://gradiently.design/es/guide/twitch-offline-screen) y [fondos de directo](https://gradiently.design/es/guide/stream-overlay-background) para las piezas más grandes. 1. **Elige un fondo** Escoge el color o el material que recorrerá el overlay, el banner, la pantalla offline y los paneles. 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. **Duplícalo para cada etiqueta** Cambia solo la palabra. Resiste la tentación de ajustar nada más panel por panel. 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. **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](https://gradiently.design/es/guide/batch-create-social-media-content). ## FAQ ### ¿Qué tamaño tienen los paneles de Twitch? Diséñalos a 640×320 píxeles. Twitch muestra los paneles a 320 píxeles de ancho, así que esto te da una imagen nítida al doble de resolución. ### ¿Pueden los paneles de Twitch ser más altos de 320 píxeles? Sí, Twitch acepta imágenes de panel más altas, pero una altura 2:1 constante mantiene ordenada una fila de paneles. Pon la información larga en la descripción y no en una imagen alta. ### ¿Dónde aparecen los paneles de Twitch? En la sección Información de tu canal, bajo el reproductor de vídeo. Activa ahí Editar paneles para añadirlos, reordenarlos o quitarlos. ### ¿Debo poner mi horario en la imagen del panel? Pon la palabra Horario en la imagen y los días y horas en la descripción. El texto de la descripción es fácil de actualizar y se lee en cualquier pantalla. ### ¿Cuántos paneles de Twitch debería tener? De cuatro a ocho cubre la mayoría de los canales: Sobre mí, Horario, Normas, Discord, Redes y quizá Equipo o Apoyo.