# Gráficos para hilos de X: imágenes que enganchan al lector [Canonical HTML page](https://gradiently.design/es/guide/x-thread-graphics) Un hilo se gana o se pierde en su primer post, y luego en si cada post siguiente parece merecer el scroll. Las imágenes pueden hacer ambas cosas, si se planifican como un conjunto y no como decoración. ## The short version - Unos buenos gráficos para hilos de Twitter se planifican como un conjunto: una imagen gancho en el primer post, tarjetas numeradas para los puntos clave y una tarjeta final. - En X, tanto una imagen horizontal de 1600×900 como una vertical de 1080×1350 se ven bien, y la vertical ocupa más espacio en la cronología. - Cada tarjeta de un hilo debe llevar un punto en pocas palabras, con la explicación completa en el texto del post que la acompaña. - Usar el mismo fondo, la misma tipografía y la misma posición del número en cada tarjeta hace que el hilo parezca terminado y fácil de seguir. - Añadir una descripción de imagen a cada tarjeta mantiene el hilo legible para quienes usan lectores de pantalla. Los mejores **gráficos para hilos de Twitter** llegan como un conjunto planificado: una imagen gancho que hace que la gente abra el hilo, tarjetas numeradas que marcan cada punto clave y una tarjeta final que dice al lector qué hacer a continuación. Hazlas todas a partir de un mismo diseño para que el hilo parezca una sola pieza de trabajo. En X, usa 1600×900 para horizontal o 1080×1350 para vertical, que ocupa más altura en la cronología. ## Tamaños de imagen para hilos de X X muestra las imágenes sueltas en la cronología con su propia forma dentro de unos límites, así que elige la forma a propósito. La vertical gana atención en el primer post porque llena más pantalla al hacer scroll. La horizontal encaja con diagramas, gráficos y capturas que son anchos por naturaleza. Para la lista completa de formatos consulta el [tamaño de imagen de Twitter](https://gradiently.design/es/guide/x-post-image-design). - Post de X 1600×900: 1600 × 900 - Vertical de X 1080×1350: 1080 × 1350 Las dos formas que merece la pena diseñar. Vertical para el gancho y las tarjetas; horizontal para todo lo que sea ancho por naturaleza. Elige una forma para las tarjetas numeradas y mantenla. Un hilo que salta entre vertical y horizontal parece montado con restos. Adjunta una tarjeta por post: cuando un solo post lleva varias imágenes, X las dispone en cuadrícula y recorta cada una. El gancho puede diferir de las tarjetas si lo necesita, siempre que comparta su fondo y tipografía. ## La imagen gancho: hacer que se abra el primer post El primer post lleva todo el hilo. Su imagen debe decir la promesa con las menos palabras posibles, más grande que cualquier otra cosa que publiques ese día. Piénsala como una portada: el título del hilo, una pista de cuánto hay dentro y nada más. Una portada vertical de hilo que dice 7 errores de precios que cometimos, con Un hilo encima El gancho: una promesa clara y una cifra, para que los lectores sepan el tamaño de lo que abren. Una tarjeta numerada vertical con un 1 grande y la línea Fijamos precios por coste, no por valor La primera tarjeta del mismo diseño: un número grande y luego el punto en una sola línea. Los números en los ganchos funcionan porque fijan expectativas: siete significa que el lector ve el final. Úsalos solo si el hilo contiene de verdad tantos puntos, y mantén el número de cada tarjeta en el mismo sitio para que la cuenta se lea de un vistazo al hacer scroll. La [jerarquía visual](https://gradiently.design/es/guide/visual-hierarchy) explica por qué el número debe ser lo más grande de la tarjeta. ## Tarjetas numeradas que llevan el hilo Las tarjetas son señales, no el artículo. Pon el punto en la tarjeta y la explicación en el texto del post. Ese reparto mantiene las tarjetas legibles en tamaño de móvil y da una función al texto del post, lo que también ayuda a quien hojea la cronología sin abrir imágenes. | Post | Imagen | Texto que la acompaña | | --- | --- | --- | | 1 | Portada gancho: promesa y cifra | Por qué importa, una o dos líneas | | 2 a 8 | Tarjeta numerada: un punto, pocas palabras | La explicación, un ejemplo, una cifra | | Posts de datos | Un gráfico o captura limpios en el mismo marco | Qué observar en ella | | Último | Tarjeta final: resumen o siguiente paso | La petición: seguir, suscribirse, responder | Un mapa del hilo. Escribir esta tabla primero, antes de diseñar nada, agiliza los gráficos. No todos los posts necesitan una imagen. Imágenes en el gancho, en los giros y en el post final suelen bastar, y un hilo donde cada post lleva tarjeta puede resultar pesado. Deja que los puntos más fuertes lleven tarjeta y los posts de enlace queden como texto. ## Un solo estilo para todo el hilo La coherencia es lo que hace que un hilo parezca una pieza terminada y no una sarta de posts. Elige un fondo, una tipografía y una posición para el número, y repítelos exactamente. Una paleta con un único acento para los números basta. - Fondo: #0e1116 - Azul profundo: #1f2a44 - Luz azul: #3b82f6 - Acento del número: #facc15 - Tinta: #f3f4f6 Un fondo oscuro sirve igual para los modos oscuro y claro de X. El amarillo se reserva para los números, así que el ojo encuentra primero la cuenta. ### Evita - Un párrafo de texto apretado en una tarjeta - Fondos distintos en cada tarjeta - Números pequeños escondidos en una esquina - Capturas colocadas con tamaños al azar - Imágenes sin descripción ### Haz - Un punto por tarjeta, en menos de doce palabras - El mismo fondo de principio a fin - Un número grande en el mismo sitio cada vez - Capturas colocadas dentro del marco de la tarjeta - Una breve descripción de imagen en cada tarjeta X te permite añadir una descripción a cada imagen. Escribe lo que dice la tarjeta, palabra por palabra, más lo que la imagen muestre y las palabras no. Lleva un minuto por hilo y lo hace legible para todos. ## Cómo hacer rápido un conjunto de tarjetas de hilo 1. **Escribe primero el hilo** Redacta cada post como texto y marca cuáles merecen una tarjeta. Normalmente son el gancho, los puntos principales y el último post. 2. **Diseña el gancho y una tarjeta numerada** Estos dos fijan el sistema: fondo, tipografía, posición del número, márgenes. 3. **Duplica para cada punto** Copia la tarjeta numerada y cambia solo el número y la línea. No toques nada más. 4. **Haz la tarjeta final** El mismo marco, con un resumen de los puntos o un único siguiente paso como Sígueme para la parte dos. 5. **Exporta juntas, adjunta en orden** Nombra los archivos 01, 02, 03 para que se suban en secuencia, y añade cada descripción al adjuntar. En Gradiently un hilo es un diseño con una página por tarjeta, así que cada tarjeta comparte el Mark, las tipografías y la composición, y las palabras se leen sobre el fondo sin cajas ni sombras. Si los puntos ya están en una hoja de cálculo, la creación en lote de Pro puede hacer todas las tarjetas numeradas de una pasada. Las mismas páginas sirven además para un [carrusel de Instagram](https://gradiently.design/es/guide/instagram-carousel-design) o un [carrusel de LinkedIn](https://gradiently.design/es/guide/linkedin-thought-leader-content) cuando quieres publicar el hilo en otro sitio. > **Reutiliza el gancho** Tu portada gancho es una buena cabecera para una versión del hilo en un blog. Vuelve a renderizarla a 1200×600 en lugar de recortarla, para que el título siga en el medio. El [branding en X](https://gradiently.design/es/guide/x-branding) trata el perfil que la rodea. ## FAQ ### ¿Qué tamaño deben tener las imágenes de un hilo de Twitter? Usa 1600×900 para horizontal o 1080×1350 para vertical. La vertical ocupa más espacio en la cronología, lo que encaja con el post gancho. ### ¿Debe llevar imagen cada post de un hilo? No. Imágenes en el gancho, los puntos principales y el post final suelen bastar; los posts de enlace pueden quedar como texto. ### ¿Cuánto texto debe llevar una tarjeta de hilo? Un punto en menos de doce palabras. Pon la explicación en el texto del post junto a la imagen. ### ¿Cómo hago que los gráficos del hilo se vean coherentes? Haz una tarjeta numerada y duplícala para cada punto, cambiando solo el número y la línea y manteniendo fijos el fondo, la tipografía y las posiciones. ### ¿Puedo añadir texto alternativo a las imágenes en X? Sí. X te permite añadir una descripción a cada imagen al adjuntarla, y merece la pena hacerlo en cada tarjeta.