Banner de Twitch 1200×480
Un banner de perfil de Twitch es de 1200 por 480 píxeles, un formato de 5:2 detrás del encabezado de tu canal. Recorta a ese marco exacto aquí con la superposición del avatar y el nombre del canal dibujada, así la parte del arte que debe verse no queda debajo de ellos.
Suelta un PNG, JPG, WebP o GIF
o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB
Aceptados: PNG, JPG, JPEG, WebP, GIF, AVIF
Banner de Twitch 1200×480: explicación
El banner de perfil es la franja ancha detrás del nombre y el avatar de un canal, y 1200 por 480 es el tamaño que espera Twitch. Es un formato de 5:2 — la misma proporción que un banner de perfil de Discord pero un tamaño completamente distinto, por eso los archivos se reutilizan entre ellos y vuelven recortados.
Dos cosas ocupan espacio. El avatar y el nombre del canal cubren la parte izquierda, y la altura visible de la franja cambia con la ventana del navegador: en una ventana estrecha, el banner se recorta verticalmente en lugar de escalarse, así que la parte superior e inferior de tu arte son las primeras en desaparecer.
Esta página contiene el marco de 1200 por 480, marca la región que cubre el encabezado y exporta el archivo exacto. No se sube nada, algo importante de saber cuando el banner es un encargo que aún no está en vivo.
La imagen que se muestra en el reproductor mientras estás ausente es de una forma completamente distinta — el redimensionador de pantalla de fuera de línea mide 1920 por 1080.
Si el banner exportado pesa más de lo que te gustaría, el compresor lo llevará al tamaño que indiques.
Imágenes del canal de Twitch a un vistazo
Tres imágenes distintas, tres formas distintas. Mezclarlas es la razón más común por la que un canal parece inacabado.
| Imagen | Tamaño | Proporción | Dónde aparece |
|---|---|---|---|
| Banner de perfil | 1200 × 480 | 5:2 | Detrás del nombre y el avatar del canal |
| Foto de perfil | 256 × 256 | 1:1 | Circular, junto al nombre del canal |
| Banner del reproductor de vídeo | 1920 × 1080 | 16:9 | En el reproductor mientras estás fuera de línea |
Diseñando en torno a la superposición del encabezado
El círculo del avatar y el nombre del canal ocupan la parte izquierda del banner, y los botones de seguir y suscribirse están a su derecha. Lo que queda visible de forma fiable es la zona superior y derecha — y es ahí donde debe ir un logo, un horario o un eslogan.
El rectángulo discontinuo en la vista previa marca esa región. Trata todo fuera de él como textura: un degradado, un patrón, una fotografía sin sujeto en la parte inferior izquierda. Un banner que depende de su lado izquierdo se ve roto en todas las pantallas que renderizan el encabezado.
Por qué la parte superior e inferior desaparecen en ventanas estrechas
Twitch renderiza el banner para que llene el ancho del encabezado. A medida que la ventana se estrecha, la franja mantiene el ancho de la ventana y se recorta verticalmente en lugar de encogerse, por lo que la banda visible efectiva es más corta que 480 píxeles en anchos pequeños.
Mantén cualquier elemento importante en el centro vertical del marco. Un eslogan situado a 40 píxeles del borde superior desaparece en una ventana de portátil, y no hay ninguna advertencia de que ha ocurrido.
Formato, peso y lo que hace Twitch después de subirlo
JPEG para banners fotográficos o pintados — mucho más pequeños que PNG con la misma calidad visible en una franja de 1200 píxeles. PNG para colores planos, bordes definidos y tipografía, donde el ringing del JPEG es visible alrededor de cada letra. Twitch vuelve a codificar lo que recibe para su entrega, así que una fuente limpia y de alta calidad le da al mejor material a su codificador en lugar de sumar dos rondas de pérdida.
Preguntas frecuentes
¿Qué tamaño tiene un banner de perfil de Twitch?
1200 por 480 píxeles, una proporción de 5:2. Ese es el banner detrás del nombre y el avatar del canal. No es lo mismo que el banner del reproductor de vídeo fuera de línea, que es de 1920 por 1080, ni lo mismo que la foto de perfil, que es un cuadrado de 256 píxeles.
¿Por qué se recorta la parte superior de mi banner de Twitch?
Porque el encabezado llena el ancho de la ventana del navegador y recorta verticalmente en lugar de reducir el tamaño. En una ventana estrecha, la banda visible es más corta que 480 píxeles. Mantén los eslóganes y logos en el centro vertical en lugar de cerca de los bordes superior o inferior.
¿Qué cubre el lado izquierdo del banner?
El avatar del canal y el nombre del canal, con los botones de seguir y suscribirse junto a ellos. El rectángulo discontinuo en la vista previa marca lo que queda despejado. Cualquier elemento colocado bajo el encabezado no está oculto exactamente — está ahí, detrás del texto y un círculo, que es peor que vacío.
¿Debo exportar un banner más grande que 1200 por 480?
Puedes hacerlo, siempre que la proporción se mantenga en 5:2 — 2400 por 960 se escala a la baja de forma nítida y se ve más nítido en una pantalla de alta densidad. Lo que no ayuda es un archivo más grande de una forma distinta, que simplemente le da a Twitch más para recortar de los lugares equivocados.
¿JPEG o PNG para un banner de Twitch?
JPEG si el arte es fotográfico o pintado, donde es varias veces más pequeño sin diferencia visible a este tamaño. PNG si tiene colores planos, bordes definidos o texto, donde el ringing del JPEG aparece alrededor de cada letra. WebP hace las dos cosas bien si no necesitas entregar el archivo a nadie más.
¿Se sube mi banner a este sitio para redimensionarlo?
No. El descodificado, recorte, redimensionado y codificado se ejecutan en esta pestaña del navegador y el archivo nunca sale de tu máquina. No hay ningún servidor aquí que lo reciba, algo que puedes verificar en DevTools en lugar de tener que fiarte.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar pantalla offline de TwitchPantalla 1920×1080 con la franja que cubre el reproductor marcadaAbrir
- Redimensionar emotes de TwitchLos tres tamaños de emote (112, 56 y 28 px) en un ZIP, bajo 100 KBAbrir
- Redimensionar insignias de suscriptor de TwitchInsignias de 72, 36 y 18 px en un ZIP, dentro del límite de 25 KBAbrir
- Redimensionar banner de DiscordLos dos banners de Discord: 680×240 de perfil y 960×540 de servidorAbrir
- Redimensionar imagenReduce imágenes sin los dientes de sierra que dejan otras herramientasAbrir
- Herramientas para creadoresAjusta y optimiza banners, avatares, emotes y portadas para cada plataforma.Abrir