Crear insignias de bits de Twitch
Las insignias de Bits de Twitch usan los mismos tres tamaños cuadrados que las insignias de suscriptores — 72, 36 y 18 píxeles, cada una con menos de 25 KB. Recorta una vez, exporta los tres como un ZIP y repite por cada nivel de cheer. Cada archivo se mide contra el límite antes de la descarga.
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
Crear insignias de bits de Twitch: explicación
Las insignias de Bits marcan cuánto un espectador ha hecho cheer en tu canal, y vienen como un conjunto: arte separado para cada hito de cheer, desde los primeros cien bits hacia arriba. Cada pieza de ese conjunto necesita las mismas tres exportaciones cuadradas — 72, 36 y 18 píxeles — y cada archivo debe mantenerse por debajo de 25 KB.
El conjunto es lo que hace esto tedioso manualmente. Nueve niveles por tres tamaños son veintisiete exportaciones, cada una necesita una comprobación de tamaño, y hacerlo en un editor de imágenes general es una tarde. Un recorte por nivel aquí produce un ZIP con nombre de tres, lo que convierte la tarde en unos minutos.
El problema de diseño es el mismo que para las insignias de suscriptores y ligeramente más difícil: los niveles de Bits se distinguen por color por convención, y los colores que se ven distintos a 72 píxeles pueden converger a 18 sobre un fondo oscuro del chat. La página exporta el tamaño más pequeño para que puedas comprobarlo antes de comprometer el conjunto.
Las insignias de suscriptores usan la geometría idéntica, así que la página de insignias de suscriptores cubra esa mitad del trabajo.
Para cualquier cosa que la plataforma no dictamine, el resto de herramientas de imagen gestiona tamaños de tu elección.
Un conjunto de insignias de Bits, nivel por nivel
Twitch define los hitos de cheer y espera arte para cada uno que elijas personalizar. Los niveles exactos disponibles dependen de tu estatus de afiliado o partner; la geometría no cambia entre ellos.
| Elemento | Requisito | Nota |
|---|---|---|
| Tamaños por nivel | 72, 36 y 18 px | Todos cuadrados, todos obligatorios |
| Tamaño del archivo | Menos de 25 KB cada uno | Se aplica al subir |
| Formato | PNG | Se espera fondo transparente |
| Niveles | Un conjunto de imágenes por hito de cheer | Personaliza tantos como quieras |
Mantener los niveles distintos a dieciocho píxeles
El enfoque convencional es una rampa de colores: gris, morado, verde, azul, rojo, y así sucesivamente hacia arriba. Esto funciona a 72 píxeles y puede fallar a 18, donde un morado saturado y un azul saturado junto a texto blanco sobre un fondo oscuro son genuinamente difíciles de distinguir con la visión periférica.
Dos cosas ayudan. Varía el brillo además del tono, para que los niveles difieran en contraste contra el fondo del chat y no solo en color. Y cambia ligeramente el silueta en los niveles más altos — una corona, un punto extra, un contorno diferente — para que la forma lleve parte de la distinción que el color solo no puede.
- Varía el brillo en la rampa, no solo el tono.
- Dale a los niveles superiores una forma de contorno distinguible además de un color.
- Comprueba las exportaciones de 18 píxeles una al lado de la otra antes de subir el conjunto.
- Prueba contra un fondo oscuro; el chat es oscuro para la mayoría de espectadores.
Por qué el límite de bytes raramente es un problema aquí
El arte de las insignias de Bits es plano y simple por necesidad, y el arte plano de 72 píxeles cuadrados es un par de kilobytes como PNG — muy lejos del techo de 25 KB. El límite se convierte en un problema solo cuando un nivel se suministra como una gema renderizada o una textura fotográfica, y esos niveles rara vez se leen a 18 píxeles de todos modos.
Cuando un archivo supera el límite, la página lo indica y la solución es simplificar o exportar como WebP donde la búsqueda de calidad puede encontrar un ajuste. PNG no tiene un dial de calidad que girar, y es por eso que la medida se informa en lugar de ignorarse silenciosamente.
Trabajar con un conjunto de forma eficiente
Suelta el primer nivel, establece el recorte, exporta, luego suelta el siguiente archivo — la configuración de recorte se queda donde la dejaste, así que un conjunto dibujado en un lienzo consistente necesita el encuadre decidido una sola vez. Cada ZIP se nombra por la insignia en lugar del nivel, así que renómbralos mientras avanzas si exportas muchos en una misma sesión.
Preguntas frecuentes
¿Qué tamaño tienen las insignias de Bits de Twitch?
72 × 72, 36 × 36 y 18 × 18 píxeles, el mismo trío que usan las insignias de suscriptores, con el mismo límite de 25 KB por archivo. Un conjunto completo de cheer necesita ese trío para cada nivel de hito que elijas personalizar.
¿Cuántos niveles de insignias de Bits necesito crear?
Solo los que quieras personalizar. Twitch proporciona arte predeterminado para cada hito de cheer, y un canal puede reemplazar tan pocos o tantos como desee. La mayoría de los canales empiezan con los niveles inferiores, que son los que los espectadores realmente alcanzan.
¿Por qué mis niveles de cheer se ven iguales en el chat?
Porque una rampa solo de tono pierde su separación a 18 píxeles contra un fondo oscuro. Varía el brillo en el conjunto además del color, y dale a los niveles más altos una silueta ligeramente diferente, para que la forma y el contranto lleven la distinción que el tono solo no puede a ese tamaño.
¿Deben las insignias de Bits tener fondo transparente?
Sí. Se sitúan en línea junto a un nombre de usuario sobre un fondo que difiere entre temas y overlays, así que un rectángulo sólido detrás del arte es conspicuo. Exporta como PNG o WebP y mantén el borde alpha limpio — un halo suave se muestra como un borde en tamaños pequeños.
¿Puedo usar el mismo arte para bits y suscripciones?
Técnicamente sí, ya que los tamaños coinciden, pero vence el propósito: los dos tipos de insignias dicen a los espectadores cosas diferentes, y un canal donde hacer cheer y suscribirse se ven idénticos pierde la señal que ambos debían enviar. Reutiliza el estilo, no la forma.
¿Esta página sube mi conjunto de insignias a algún sitio?
No. Cada recorte, redimensión, codificación y ZIP ocurre dentro de esta pestaña del navegador, sin servidor involucrado en ningún momento. Para un conjunto encargado que aún no se ha anunciado, eso es comprobable en lugar de solo afirmado — el panel de Red se queda vacío.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar insignias de suscriptor de TwitchInsignias de 72, 36 y 18 px en un ZIP, dentro del límite de 25 KBAbrir
- Redimensionar emotes de TwitchLos tres tamaños de emote (112, 56 y 28 px) en un ZIP, bajo 100 KBAbrir
- Redimensionar pantalla offline de TwitchPantalla 1920×1080 con la franja que cubre el reproductor marcadaAbrir
- Redimensionar emoji de DiscordUn emoji a 128×128, bajo el límite de 256 KB y con el tamaño medidoAbrir
- Comprimir imagenApunta a un peso concreto o elige la calidad y mira lo que cuestaAbrir
- Herramientas para creadoresAjusta y optimiza banners, avatares, emotes y portadas para cada plataforma.Abrir