Guías prácticas de diseño
Tamaños de emotes de Twitch: juzga la expresión a 28 píxeles
Un emote puede parecer expresivo a mil píxeles y convertirse en un punto confuso en el chat. En la versión más pequeña, los ojos estrechos, contornos delicados y accesorios diminutos deben justificar su presencia.
Esta guía utiliza las especificaciones de emotes estándar de Twitch y una reacción original de bellota ficticia creada en Ciyo el 15 de noviembre. Abarca un flujo de PNG estáticos y comprueba los archivos exportados reales. No los sube a un canal ni acredita la aprobación de moderación.
Respuesta rápida
Diseña una expresión original clara y examina la versión de 28 píxeles antes de pulir más detalles. Para la carga manual de emotes estándar, Twitch indica PNG cuadrados de 28 × 28, 56 × 56 y 112 × 112 píxeles con fondo transparente. Comprueba las dimensiones, el formato y los bytes de cada archivo real, sin fiarte solo del nombre.
1. Decide primero si la entrega será estática o animada
Los emotes estáticos estándar de Twitch usan PNG. El flujo de emotes animados utiliza GIF y tiene requisitos adicionales; cambiar la extensión no convierte una animación en un archivo válido. Este tutorial se limita a una reacción estática estándar.
Twitch también ofrece un modo de ajuste automático que acepta un único PNG cuadrado dentro del intervalo indicado. Si lo usas, sigue el control de carga actual y examina igualmente el resultado pequeño. La vía manual de tres archivos permite revisar cada tamaño de forma explícita.
Empieza con un personaje o una forma original que tengas autorización para utilizar. Nuestra bellota ficticia muestra una reacción alegre, una silueta sencilla y ningún texto. Una expresión facial independiente resulta más útil que una escena diminuta que necesita un fondo para entenderse.
2. Crea un original con formas simples y separables
Deja margen suficiente en los bordes sin reducir la cara a una parte pequeña del cuadrado. Distingue visualmente ojos y boca. Un contorno marcado ayuda en algunos estilos, pero no debe cerrar los espacios que hacen legible la expresión.
Explora el diseño original en Ciyo y solicita la fuente que realmente se utilizó para crear la vista previa. Un original vectorial u otro formato editable facilita los cambios; un PNG grande sigue siendo rasterizado. Indica el formato necesario y comprueba lo entregado.
No añadas texto diminuto para salvar una expresión débil. Incluso una palabra corta puede volverse ilegible a tamaño pequeño. Deja que la silueta y los rasgos comuniquen la reacción y comprueba si otra persona la reconoce sin explicarle su significado.
Crea un emote original de [SUJETO] que exprese [REACCIÓN]. Usa una silueta clara y marcada, ojos y boca distinguibles, sin texto ni personajes ajenos y con fondo realmente transparente. Prepara un original editable si es compatible y PNG exactos de 28×28, 56×56 y 112×112 para revisión. Examina el resultado de 28px a tamaño nativo y simplifica lo que desaparezca. Devuelve archivos reales compatibles e indica cualquier exportación no disponible. No subas el emote ni afirmes que Twitch lo ha aprobado.3. Revisa los tres tamaños a escala nativa
Genera las variantes desde el mismo original aprobado para que la expresión no cambie entre archivos. Muéstralas después al 100% de su tamaño en píxeles. Si el navegador o visor amplía la imagen de 28 píxeles, puede ocultar el problema que intentas detectar.
Comprueba los ojos más pequeños, la apertura de la boca y la separación entre las formas principales. Si la sonrisa se convierte en una mancha oscura, simplifica el original o crea deliberadamente una variante pequeña. Registra los ajustes de cada versión para que una revisión posterior no recupere sin querer un detalle ilegible.
En la ejecución real, Ciyo revisó el contorno del sombrero de la bellota y eliminó la lengua cuando se convirtió en una línea tenue a 28 píxeles. Entregó tres PNG individuales y un tablero de revisión. Confirmamos cuadrados exactos de 28, 56 y 112 píxeles, alfa RGBA real de 0–255 y tamaños respectivos de 1.076, 2.179 y 4.440 bytes.
La vista grande del lienzo de Ciyo puede ampliar un archivo diminuto. Usa las comparaciones a tamaño nativo del tablero y examina los PNG descargados al 100% en un visor. El original SVG se devolvió por separado como código; no es el formato de carga exigido por Twitch.
| Archivo | Comprobación a tamaño nativo | Detente si |
|---|---|---|
| PNG de 28 × 28 | Se reconoce la reacción prevista | Los rasgos se fusionan o solo se entienden ampliando |
| PNG de 56 × 56 | Forma y bordes coinciden con el diseño aprobado | Aparece otra expresión o un recorte diferente |
| PNG de 112 × 112 | El mayor archivo de carga sigue limpio | Los detalles añadidos contradicen la versión pequeña |
| Todos los archivos | Dimensiones cuadradas y alfa real | El nombre es correcto, pero el tamaño o la transparencia no |
4. Examina la transparencia y las propiedades de archivo
Coloca el PNG real sobre fondos claros y oscuros. Un damero pintado no es transparencia, y un borde blanco opaco puede pasar inadvertido sobre blanco. Si dudas, utiliza un visor o editor que muestre la información del canal alfa.
Comprueba que el ancho real en píxeles sea igual al alto y que cada archivo manual tenga las dimensiones previstas. La guía de emotes estándar de Twitch indica un máximo de 1 MB. Mantén los archivos por debajo del límite sin emborronar la expresión hasta volverla indistinguible.
Guarda el original fuera de la carpeta de carga y usa nombres claros para los tres resultados. Renombrar una imagen de 512 píxeles como «28.png» no cambia sus dimensiones. Revisa los archivos guardados tras modificar el formato o un ajuste de exportación.
5. Entrega el paquete comprobado para revisión del canal
Da al responsable del canal los archivos aprobados y una vista compacta de sus tres tamaños nativos. Incluye el original y cualquier requisito de fuentes o recursos que utilice el diseño. Es una entrega de archivos, no una carga al canal ni un comprobante de aprobación.
Para crear una reacción, basta empezar con una expresión. Si suministras un paquete completo, acuerda el estilo y el tratamiento a tamaño pequeño antes de multiplicar las poses. Una vista grande coherente no basta; cada reacción final debe superar la revisión pequeña.
Cuando vayas a subirlos, usa el proceso actual del Panel de control del creador. Respeta las reglas de contenido y formato de Twitch, y distingue entre seleccionar correctamente un archivo y su aceptación o aprobación de moderación. Esta guía no demuestra ningún envío de ese tipo.
Preguntas sobre tamaños de emotes de Twitch
¿Siempre hacen falta tres archivos?
La vía manual de emotes estándar usa PNG de 28, 56 y 112 píxeles. Twitch también documenta un modo de ajuste automático. Sigue el modo de carga actual que elijas.
¿Puedo dejar un damero detrás de la imagen?
No. Puede ser el indicador de transparencia del visor o píxeles pintados. El PNG real necesita transparencia auténtica.
¿El SVG sustituye a los PNG necesarios?
No. El SVG sirve como original editable, pero el formato de carga estática estándar indicado por Twitch es PNG.
¿Un tamaño correcto garantiza la aprobación?
No. El formato es solo parte de los requisitos. El responsable del canal debe seguir también las reglas actuales de contenido y carga de Twitch.
Crea una reacción pequeña y clara
Empieza en Ciyo con un emote original. Juzga su versión más pequeña y comprueba los PNG exportados reales antes de preparar un paquete.