Si tu emote se ve bien a 112 px y borroso a 28 px, abre primero el archivo pequeño a tamaño real. Comprueba si el gesto se entiende sin acercar la imagen y cambia entre un fondo claro y uno oscuro. Así podrás decidir si conviene simplificar el dibujo, mejorar la separación de las formas o investigar una diferencia de visualización.
Mira primero el PNG de 28 px a tamaño real
Una vista grande permite apreciar el dibujo, pero no demuestra que la reacción se entienda en pequeño. Revisa las propiedades del archivo para confirmar que mide 28 × 28 píxeles. Ábrelo en un visor al 100 %, con el ajuste automático a la ventana desactivado. En el navegador, comprueba también el zoom de la página.
La densidad de pantalla y la escala del sistema cambian el tamaño físico percibido. Evita una ampliación que disimule los detalles perdidos, sin perseguir una medida exacta en milímetros.
| Síntoma | Qué comparar | Siguiente paso |
|---|---|---|
| Solo reconoces el gesto al ampliar | PNG de 112 px frente al de 28 px | Simplificar el elemento que comunica la reacción |
| La silueta desaparece en oscuro | El mismo PNG sobre ambos fondos | Revisar el contraste del borde y del cuerpo |
| Aparece un cuadrado blanco | Transparencia de las esquinas | Comprobar si hay un fondo opaco |
| El PNG local se ve claro y una aplicación no | Archivo, dispositivo, tema y zoom | Documentar la diferencia antes de modificar el dibujo |
Los requisitos oficiales de Twitch para emotes incluyen revisar la imagen al 100 % y comprobar la claridad de líneas y palabras. Cumplir las dimensiones es solo una parte de la revisión.
Entiende qué se pierde al pasar de 112 a 28 px
Reducir de 112 a 28 px divide cada lado entre cuatro y deja una dieciseisava parte del área de píxeles. Un trazo de 2 px en la imagen de 112 px ocuparía aproximadamente medio píxel en la de 28 px. Puede mezclarse con los colores vecinos o dejar de distinguirse.
No es una fórmula para imponer un grosor universal. El resultado depende de los colores, de la distancia entre formas y de cuánto necesita ver la persona para reconocer la reacción. Dos cejas pueden juntarse con los ojos; unos dedos pueden parecer una mancha; una palabra corta puede dejar de leerse.
Decide qué debe sobrevivir: una boca abierta, un corazón grande o unos ojos asomados detrás de un borde. Dale espacio en la composición original. Si el significado depende de demasiados detalles pequeños, simplifica o redibuja en un editor externo y vuelve a exportar. Un filtro de enfoque no reconstruye una expresión que falta ni una mano recortada.
Revisa además qué tipo de borde tienes. Un contorno blanco deliberado puede separar una silueta del fondo oscuro. No equivale a un cuadrado blanco opaco ni a un halo claro accidental. Compruébalo también sobre blanco, donde ese mismo contorno puede hacerse menos evidente.
Examina una muestra existente y separa la ampliación de la prueba
Para esta comparación hemos vuelto a procesar localmente una muestra que ya estaba en el sitio. No se ha hecho una nueva generación con IA ni se han subido los archivos a Twitch. Los PNG resultantes permiten observar qué cambia entre 112, 56 y 28 px.
Muestra existente del sitio procesada de nuevo de forma local. Se comparan PNG de 112, 56 y 28 px sobre fondos claros y oscuros. No es una nueva generación con IA, una captura de Twitch ni un resultado de moderación.
En nuestra revisión editorial, el corazón rojo y el ojo rojo de Love siguen visibles a 28 px, mientras los detalles finos del cuerpo y las manos se distinguen menos. En Lurk se conservan el ojo rojo y el borde vertical, pero cuesta más separar la pequeña mano que se agarra al borde. El cuerpo oscuro pierde contraste sobre el fondo oscuro.
Esta inspección no demuestra que cualquier persona reconozca la emoción. Abre Love a 28 px y Lurk a 28 px al 100 %. La ilustración del artículo puede adaptarse al ancho de pantalla y no garantiza que veas cada emote a su tamaño nativo.
Usa el generador para crear y comprobar con expectativas claras
El generador de emotes de PhotoToSticker, en inglés (Inglés) crea imágenes con IA a partir de una imagen permitida en JPG, PNG o WebP de hasta 15 MB. Para generar debes iniciar sesión y tener acceso o saldo disponible. La imagen se envía cuando solicitas expresamente la generación.
El conjunto tiene ocho reacciones fijas: Hype, LOL, Love, Rage, Shock, Sad, GG y Lurk. Cada conjunto completado incluye PNG estáticos transparentes de 112 × 112, 56 × 56 y 28 × 28 px: 24 archivos y un README. En el ZIP encontrarás emotes/112x112/love.png y sus versiones en las carpetas correspondientes de 56 y 28 px.
La pantalla de resultados permite comparar los tres tamaños reales sobre superficies claras y oscuras. No ofrece ajustes manuales de recorte, contorno, enfoque o texto, ni permite elegir las reacciones. Si necesitas corregir el encuadre o simplificar una forma, prepara la referencia en otro editor o usa una imagen más clara. Una nueva generación no garantiza un cambio concreto.
Si ya tienes el dibujo terminado y solo quieres cambiar sus dimensiones, plantea esa tarea por separado: este producto no es un redimensionador local. Tampoco genera GIF, animaciones o insignias, ni sube los archivos automáticamente a Twitch o garantiza su aprobación.
Haz una comprobación breve antes de enviar
Conserva el original editable y revisa los PNG finales. Si necesitas consultar formatos y medidas sin confundir emotes con otros recursos, tienes la guía de tamaños de stickers y emotes.
| Comprobación | Pregunta útil |
|---|---|
| Reacción a 28 px | ¿Sigue visible el gesto principal sin ampliar? |
| Separación de formas | ¿Puedo distinguir ojos, boca y manos? |
| Fondo claro y oscuro | ¿Desaparece alguna parte importante? |
| Transparencia | ¿Las esquinas están libres de fondo opaco? |
| Archivos exportados | ¿He abierto los PNG finales de los tres tamaños? |
Cuando algo falle, anota la forma concreta: «la mano se mezcla con la cara» permite una revisión precisa. Tras modificar el original, empieza por el archivo de 28 px.
Preguntas frecuentes
¿Por qué se ve bien a 112 px y confuso a 28 px?
La imagen pequeña dispone de muchos menos píxeles para explicar el mismo gesto. Los trazos cercanos pueden unirse y los detalles perder su función. Prioriza la señal que comunica la reacción y vuelve a mirarla sin ampliación.
¿Basta con aplicar más enfoque?
El enfoque puede cambiar el aspecto de los bordes, pero no recupera información que ya no está. Si la emoción depende de letras diminutas o de unos dedos casi invisibles, conviene revisar la composición en el original.
¿Es obligatorio añadir un contorno blanco?
No conviertas un grosor concreto en una regla de Twitch. Comprueba si el contorno ayuda a separar el dibujo sin quitarle demasiado espacio. Distingue ese borde intencional de un fondo blanco opaco y verifica ambos temas.
¿Y si solo se ve borroso en una aplicación de Twitch?
Comprueba primero el PNG local al 100 %. Si es claro, registra dispositivo, aplicación o navegador, tema y zoom del caso diferente. Consulta la ayuda actual de Twitch con esos datos. Una diferencia aislada no demuestra un fallo general de la plataforma ni justifica cambiar toda la ilustración.
