Cómo usar la herramienta
- Escribe un título breve y elige una altura de 64 a 300 píxeles.
- Ajusta colores, alineación y fondo. Revisa la vista previa a su ancho real.
- Descarga el PNG y añade la imagen y su enlace en el editor de paneles de Twitch.
Método de cálculo
El navegador dibuja texto y fondo en un lienzo de 320 píxeles de ancho. El texto se reduce para caber en una línea. La exportación comprueba el límite conservador de 1.000.000 bytes. El contraste de colores uniformes usa la luminancia relativa; los fondos con dibujos requieren revisión visual.
Ejemplo de cálculo
Un panel de 320 × 100 con el título HORARIO se exporta con esas dimensiones. Cambiar la altura no cambia el ancho.
Elige título y tamaño coherentes
Empieza por la función del panel: horario, presentación o reglas. Pon una cabecera corta en el título y deja detalles en la descripción textual del canal. El creador dibuja una línea; no crea tarjeta multilínea, edita enlaces ni publica en Twitch. Una altura común ayuda a comparar paneles relacionados, pero cada título requiere revisión. Organiza primero la información para no intentar resolver una descripción larga con un rótulo pequeño.
El lienzo tiene 320 píxeles de ancho. La altura admite enteros de 64 a 300, inicialmente 100. Son límites del creador, no comprobación vigente de requisitos Twitch. 320 × 100 contiene 32.000 píxeles y 320 × 200 contiene 64.000. Duplicar área no garantiza doble peso PNG ni hace caber un título horizontal. Revisa archivo exportado y reglas del destino por separado; no uses una cifra de píxeles como aceptación automática.
Ajusta texto al área real
El título se normaliza y recorta hasta 48 puntos de código Unicode. Se rechazan saltos de línea y controles. Se mide texto negrita Arial o fuente disponible equivalente, reduciendo de 34 a 10 píxeles para caber en 272 de ancho. Un texto todavía demasiado ancho bloquea exportación lista. Cantidad de caracteres no garantiza ajuste visual: palabras, alfabetos y fuentes instaladas ocupan anchuras distintas. Conserva acentos al revisar otro idioma.
Quedan 24 píxeles por lado. Izquierda, centro y derecha usan referencias 24, 160 y 296. El acento ocupa cuatro píxeles inferiores. Con altura 100, el título se centra en los 96 restantes, referencia vertical 48. Acorta palabras congestionadas en vez de incluir toda descripción. Comprueba letras similares y acentos al tamaño previsto, sin interpretar un ajuste técnico como certificado de legibilidad. Cambiar idioma puede exigir otro título con igual propósito.
Distingue colores planos y fondos ilustrados
Selecciona fondo, texto, acento y tema sólido, bandas o ilustración. Sólido usa fondo plano; bandas añade formas del acento. Ilustración usa la imagen abstracta original con capa oscura y recorte de cobertura. No hay subida de foto personal, transparencia, selector de fuente ni búsqueda de imágenes. Otra altura puede cambiar el recorte, así que examina la nueva vista en lugar de asumir que conserva la composición anterior.
La razón de contraste aparece para sólido y compara texto y fondo elegidos. Negro con blanco da 21:1; colores iguales, 1:1. No certifica accesibilidad del canal ni mide cada zona ilustrada. Bandas e ilustración ponen colores variables bajo letras; inspecciona lectura sin aplicarles automáticamente la razón plana. La leyenda identifica ilustración generada por IA, no captura Twitch ni prueba de subida. No confíes solo en una cifra cuando el fondo cambió.
Descarga el PNG reciente y listo
Descargar crea PNG desde lienzo listo. Errores de carga o lienzo se comunican sin sustituir silenciosamente por diseño vacío exitoso. Archivos de 1.000.000 bytes o más se rechazan aquí. El peso aparece tras exportación correcta, no se pronostica solo por altura. Editar invalida trabajo pendiente para evitar presentar un archivo asíncrono antiguo como diseño reciente. Espera la imagen antes de atribuir cualquier fallo a la plataforma de destino.
Abre el PNG guardado y comprueba dimensiones y texto. El nombre genérico puede sobrescribir panel previo en la carpeta elegida; organiza por función e idioma. No hay cuenta de proyecto guardado ni exportación en lote. Conserva título, altura, colores, alineación y tema para cambios futuros. Restablecer devuelve título inicial localizado, altura 100, colores iniciales, sólido y centro. El archivo plano no conserva todas las decisiones como documento editable.
Separa texto del canal y revisión de subida
Una imagen legible requiere descripción comprensible y destino funcional cuando corresponda. La alternativa del lienzo describe esta vista, no completa campos de otra plataforma. Comprueba editor del canal y presentación real en escritorio y móvil. La guía de diseño explica comparar conjunto y conservar texto útil. Exportar PNG local correctamente no demuestra aceptación vigente, disposición publicada ni crecimiento de audiencia. Esas comprobaciones siguen perteneciendo al canal real.
Cómo interpretar el resultado
Algunos artículos de ayuda de Twitch indican límites distintos. El editor usa como máximo 320 × 300 píxeles y menos de 1 MB; comprueba la pantalla de subida actual. El PNG no incluye un enlace activo: añade el destino por separado en Twitch.
Preguntas habituales
¿La descarga publica el panel en Twitch?
No. El archivo queda en tu dispositivo. Súbelo y enlázalo desde tu cuenta de Twitch.
¿Cómo creo un conjunto de paneles?
Conserva los colores y la altura, cambia el título y exporta otro PNG.