Redimensionar insignias de suscriptor de Twitch
Las insignias de suscriptor de Twitch necesitan tres tamaños cuadrados — 72, 36 y 18 píxeles — cada una inferior a 25 KB. Recorta una vez aquí, exporta las tres como un ZIP y comprueba que cada archivo cumple con el límite. La versión de 18 píxeles es la que decide si el diseño funciona.
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
Redimensionar insignias de suscriptor de Twitch: explicación
Las insignias de suscriptor son los pequeños distintivos junto al nombre de un espectador en el chat, y usan sus propios tamaños: 72 por 72, 36 por 36 y 18 por 18. No son los tamaños de los emotes, y subir archivos de emote en el formulario de insignia produce un conjunto que está ligeramente mal en todas partes.
Dieciocho píxeles es el tamaño que importa. Es lo que aparece junto a un nombre de usuario en el chat, y a dieciocho píxeles una ilustración no es una ilustración: es una forma y un color. Las insignias que se leen bien son casi siempre una sola forma audaz: un corazón, una corona, una letra, la cabeza de un animal simple sin ningún detalle interior.
Esta página contiene los tres marcos de insignia, los exporta juntos como un ZIP y mide cada archivo contra el límite de 25 KB de Twitch. Todo se ejecuta en tu navegador, así que un conjunto de insignias encargado y aún no anunciado permanece en tu máquina.
Los emotes usan un trío de tamaños diferente, así que el redimensionador de emotes es la página para esos.
Si la insignia llegó en un formato que el navegador no puede abrir, como un archivo en capas, convértelo a PNG primero.
Los tamaños de la insignia y dónde aparece cada una
Tres tamaños, un propósito cada uno. El más pequeño es el que los espectadores realmente ven miles de veces por la noche.
| Tamaño | Aparece en | Qué se lee a ese tamaño |
|---|---|---|
| 72 × 72 | Configuración y vistas previas de la insignia | La obra completa, incluyendo detalles modestos |
| 36 × 36 | Diseños de chat más grandes y superposiciones | La forma principal y su contorno |
| 18 × 18 | Junto a un nombre de usuario en el chat | Una silueta, uno o dos colores |
Diseñar para dieciocho píxeles
Un cuadrado de dieciocho píxeles tiene 324 píxeles en total. Hay espacio para una idea. Cualquier cosa con un interior — una cara con ojos, un logo con una contraparte, un número con dos dígitos — se convierte en una mancha.
Trabaja al revés: boceta la insignia a 18 primero, decide si es legible, luego añade cualquier detalle que pueda soportar la versión de 72 píxeles. Los niveles de un conjunto de insignias también deberían diferir por forma o color en lugar de por detalle, porque el detalle es lo primero que el tamaño pequeño elimina.
- Una silueta, sin detalles interiores más pequeños que aproximadamente un cuarto de la insignia.
- Alto contraste tanto contra el chat oscuro de Twitch como contra un tema claro.
- Diferencia los niveles por color y grosor de contorno, no por adorno añadido.
- Evita contornos finos: un píxel a 72 es un cuarto de píxel a 18, que es nada.
El límite de 25 KB en la práctica
Para una insignia bien diseñada, el límite no es una restricción en absoluto: el color plano a 72 píxeles cuadrados se comprime a unos pocos kilobytes como PNG. Solo es un problema cuando la obra llega como un objeto 3D renderizado, una fotografía o una ilustración con muchos degradados.
Si eso es lo que tienes, exportar como WebP permite que la búsqueda de calidad encuentre una versión que quepa. Pero una insignia que necesita degradados para funcionar suele ser una insignia que tampoco se leerá a 18 píxeles, así que el límite a menudo te está advirtiendo sobre el diseño, no sobre el codificador.
Qué se introduce en el formulario de subida
Twitch pide una insignia por nivel de suscriptor y cada hito mensual, cada una con los tres tamaños. El ZIP de esta página contiene un archivo por tamaño, nombrado por dimensión, así que emparejarlos con los tres espacios del formulario es sin ambigüedad. Repite el recorte para la obra de cada nivel.
Preguntas frecuentes
¿Qué tamaño tiene una insignia de suscriptor de Twitch?
Se requieren tres tamaños: 72 por 72, 36 por 36 y 18 por 18 píxeles. Todos son cuadrados y todos deben estar por debajo de 25 KB. Son deliberadamente diferentes de los tamaños de los emotes, así que un conjunto exportado para emotes no encajará en el formulario de subida de insignias.
¿Por qué mi insignia se ve como una mancha en el chat?
Porque el chat renderiza la versión de 18 píxeles, y eso son 324 píxeles en total. El detalle interior, los contornos finos y cualquier cosa con una contraparte se fusionan en una sola masa. Una insignia que se lee es una única silueta en uno o dos colores de alto contraste.
¿Cómo deberían diferir los niveles de las insignias entre sí?
Por color y por grosor de contorno, no por adorno añadido. A 18 píxeles un adorno extra es invisible, así que un conjunto que distingue niveles con más detalle se ve idéntico en el chat. Cambiar el tono y la forma general es lo que un espectador puede realmente distinguir.
¿Las insignias tienen el mismo límite de tamaño de archivo que los emotes?
Sí, 25 KB por archivo. Rara vez es un problema para la obra de las insignias, que suele ser plana y simple por necesidad. Cuando sí lo es, la causa suele ser una fuente renderizada o fotográfica, y esa fuente tendrá problemas de legibilidad a 18 píxeles de todos modos.
¿Puedo reutilizar la obra de mi emote como insignia?
Puedes recortar de ella, pero los tamaños difieren y el umbral de legibilidad es más alto. Un emote se ve a 28 píxeles en el chat; una insignia a 18, junto al texto y no sola. La obra que simplemente sobrevive como emote suele necesitar simplificarse antes de funcionar como insignia.
¿Se sube mi obra de insignia cuando exporto aquí?
No. El recorte, los tres redimensionamientos, la codificación y el ZIP se producen todos en esta pestaña del navegador. No se transmite nada, no hay cuenta, y puedes confirmarlo en DevTools antes de confiarle obra que no has publicado.
¿Qué herramientas relacionadas debería usar después?
- Crear insignias de bits de TwitchInsignias de 72, 36 y 18 px desde un recorte, en ZIP y bajo 25 KBAbrir
- Redimensionar emotes de TwitchLos tres tamaños de emote (112, 56 y 28 px) en un ZIP, bajo 100 KBAbrir
- Redimensionar banner de TwitchEl banner de perfil exacto de 1200×480, con la zona segura marcadaAbrir
- Redimensionar emoji de DiscordUn emoji a 128×128, bajo el límite de 256 KB y con el tamaño medidoAbrir
- 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