Tamaños de imagen en Twitch: los emotes necesitan tres versiones, y los 28 píxeles lo deciden todo

Twitch Nov 1, 2026 5 min read

Casi todas las plataformas toman una imagen y generan lo que necesitan. Twitch lo hace para algunos huecos y se niega en los dos que más importan — emotes e insignias — porque a los tamaños en que se muestran, el escalado automático produce papilla.

Las imágenes del canal

La pantalla sin conexión merece más atención de la que suele recibir. Para cualquier canal que no esté en directo ahora mismo — que es la mayoría de los canales la mayor parte del tiempo — es lo más grande que ve un visitante, justo donde estaría el directo. Un canal sin ella muestra un marcador genérico a todo el que llega entre emisiones.

Emotes: tres tamaños, no uno

Cada emote debe entregarse a 28 × 28, 56 × 56 y 112 × 112 píxeles, cada uno por debajo de 25 KB, en PNG con transparencia.

Twitch reducirá el de 112 por ti. Permitirlo es el error más común de quienes dibujan emotes, porque 28 × 28 son 784 píxeles en total y la reducción automática convierte un diseño detallado en un borrón de color a ese tamaño.

Y el de 28 es el que la gente ve. Es el tamaño del chat, que es todo el sentido de un emote. El de 112 aparece en el selector y en los tooltips, es decir: en el sitio donde tú lo evalúas y casi en ningún otro.

El proceso correcto es dibujar el de 112 y luego abrir el de 28 y arreglarlo a mano: engrosar líneas que desaparecieron, quitar detalle que se volvió ruido, subir el contraste, simplificar la silueta hasta que se lea. Es el mismo argumento que un archivo ICO con varios tamaños hechos a mano, y por la misma razón.

Lo que sobrevive a 28 píxeles: una cara o un objeto, un contorno fuerte, dos o tres colores bien distintos. Lo que no: texto de cualquier clase, líneas finas, degradados, rasgos faciales pequeños y cualquier cosa con fondo.

Los emotes aparecen sobre claro y sobre oscuro

Esta restricción es propia de los emotes de chat y se pasa por alto con facilidad, porque casi seguro diseñaste el tuyo mirando el modo oscuro.

El chat de Twitch funciona en ambos temas, y el mismo emote debe ser legible en los dos. Un emote oscuro sin contorno desaparece en el chat oscuro; uno pálido desaparece en el claro.

La solución estándar es un contorno contrastado — un reborde claro en un diseño oscuro, o al revés — o un diseño con contraste interno suficiente para que ningún fondo se lo trague. Comprueba ambos antes de subir; cuesta un minuto y es la diferencia entre un emote que se usa y uno que no.

Y como los emotes son PNG transparentes, nunca los exportes por un formato sin canal alfa. Un PNG transparente convertido a JPEG llega como un cuadrado negro.

Insignias de suscriptor: la misma regla, más pequeña

Las insignias necesitan 18 × 18, 36 × 36 y 72 × 72 píxeles, cada una por debajo de 25 KB.

Dieciocho píxeles son 324 en total: menos que un emote y menos que un favicon. Hay sitio para una forma simple en dos o tres colores y nada más. Los conjuntos que funcionan suelen ser una silueta reconocible cuyo color cambia por nivel, en vez de una ilustración distinta en cada nivel.

Paneles: no metas las palabras en la imagen

Es la oportunidad desperdiciada más común en un canal de Twitch.

Los paneles son los bloques bajo el directo con tu horario, normas, enlaces y equipo. Cada panel tiene a la vez una imagen y un campo de texto descriptivo, y la mayoría de los canales mete todas sus palabras en la imagen y deja el campo de texto vacío.

Eso convierte el panel en una imagen de texto: las palabras no se pueden seleccionar, copiar, buscar, traducir, leer con un lector de pantalla ni pulsar si son enlaces. Además la imagen queda fija a 320 píxeles mientras el texto se recompone bien.

Lo que funciona: usa la imagen como cabecera — una barra de título, un icono, una pieza de marca, típicamente 320 × 100 — y pon el contenido real en el campo de descripción de abajo. Los enlaces de ese campo se pueden pulsar; los dibujados dentro de una imagen no.

La pantalla sin conexión

A 1920 × 1080 es el lienzo más generoso que da Twitch, y se ve al tamaño que tenga el reproductor: ancho completo en escritorio, unos centímetros en el móvil.

Aplica la misma regla que a cualquier banner: unas pocas palabras grandes, no un párrafo. Nombre del canal, cuándo emites y una forma de encontrarte en otro sitio. Todo lo más pequeño resulta ilegible en móvil, y el horario escrito en letra pequeña es justo la parte que quería leer quien llegó entre emisiones.

Referencia rápida

Resuelve tu problema de archivos: Redimensionar imagen Pruébalo gratis — Redimensionar imagen →