# Tamaño de imagen para Twitter y diseños para X que llaman la atención [Canonical HTML page](https://gradiently.design/es/guide/x-post-image-design) En X las palabras van primero y la imagen tiene que ganarse su sitio a su lado. Aquí tienes los tamaños, cómo recorta el timeline y diseños que aportan algo que el texto no puede. ## The short version - El mejor tamaño de imagen para Twitter con una sola imagen horizontal en X es de 1600×900 píxeles, una forma 16:9. - Una imagen vertical de 1080×1350 ocupa más pantalla del móvil, pero la vista previa del timeline puede recortarla, así que mantén lo esencial en el centro. - Cuando una publicación tiene dos, tres o cuatro imágenes, X las coloca en una cuadrícula y recorta cada una, así que las publicaciones con varias imágenes necesitan diseños sencillos y centrados. - Las imágenes en X funcionan mejor cuando aportan algo que el texto de la publicación no puede, como algo visual, una sola frase contundente o una tarjeta que haga reconocible un anuncio. - La imagen del encabezado de X mide 1500×500 píxeles, y la foto de perfil se superpone a su parte inferior izquierda. El mejor **tamaño de imagen para Twitter** con una sola imagen en X es de **1600×900 píxeles**, un formato horizontal 16:9 que el timeline muestra entero en móviles y ordenadores. Para ganar altura en un móvil, usa una imagen vertical de **1080×1350**, sabiendo que la vista previa puede recortarla. El encabezado del perfil mide **1500×500**. Esos tres tamaños cubren casi todo lo que vas a publicar. - Publicación 1600×900: 1600 × 900 - Vertical 1080×1350: 1080 × 1350 - Encabezado 1500×500: 1500 × 500 Los tres tamaños de imagen de X, a escala. La publicación 16:9 es la opción segura por defecto. ## Cómo muestra X las imágenes en el timeline Una sola imagen 16:9 aparece entera. Las imágenes más altas se muestran más grandes en los móviles, pero pueden recortarse en la vista previa hasta que alguien toca para abrirlas, así que todo lo importante cerca del borde superior o inferior corre el riesgo de quedar oculto. Con más de una imagen, X las coloca en una cuadrícula y recorta cada casilla para que encaje. | Imágenes en la publicación | Cómo las muestra el timeline | Diseña para | | --- | --- | --- | | Una | Grande; la horizontal se ve entera, las altas pueden recortarse | 16:9 a 1600×900, o vertical con un centro seguro | | Dos | Una junto a otra, cada una recortada en forma alta | Contenido centrado con márgenes amplios | | Tres | Una grande a la izquierda, dos apiladas a la derecha | La imagen clave primero, las más sencillas después | | Cuatro | Una cuadrícula de dos por dos, cada una recortada | Cuatro composiciones sencillas y centradas | Cómo se componen las publicaciones con varias imágenes. Cuantas más imágenes, más ajustado es cada recorte y menos texto puede llevar cada imagen sin riesgo. > **Diseña hacia el centro** Si no sabes cómo se recortará una imagen, mantén las palabras y las caras dentro de la zona central y deja que solo el fondo llegue a los bordes. Es la única composición que sobrevive a cualquier recorte. ## Imágenes con poco texto que aportan algo X es una red donde manda el texto. La publicación ya lleva tus palabras, así que una imagen que las repite en forma de dibujo aporta poco. Las imágenes que funcionan traen algo nuevo: algo visual que la gente quiera mirar, una sola frase corta compuesta con peso, una cifra o una tarjeta reconocible que marca la publicación como importante. ### Aporta poco - Una captura de pantalla de un párrafo - El texto de la publicación otra vez, en una imagen - Diez datos apretados en una tarjeta - Una foto de banco genérica ### Se gana su sitio - Una sola frase, grande, que el texto desarrolla - Una sola cifra con lo que mide - El producto, un resultado o un antes y después - Una tarjeta con tu aspecto que la gente reconoce ## Tarjetas de anuncio para X Para lanzamientos, versiones nuevas y noticias, una tarjeta de anuncio constante ayuda a que una publicación destaque como *la* noticia y no como una actualización más. Usa la forma 16:9, pon el titular a la izquierda o en el centro y mantén cortos los detalles de apoyo, porque el texto de la publicación llevará la historia completa y el enlace. Para la jerarquía de las propias palabras, mira [cómo diseñar una publicación de anuncio](https://gradiently.design/es/guide/announcement-post-design). Una tarjeta de anuncio ancha que dice Ya está aquí la versión 2 sobre un fondo degradado Una tarjeta de 1600×900: se ve entera en el timeline, con el titular legible de un vistazo. Una versión vertical de la misma tarjeta de anuncio con las palabras centradas La versión vertical: más presencia en un móvil, con las palabras en el centro por si hay recorte. Las publicaciones que comparten un enlace sin imagen muestran en su lugar la imagen Open Graph de la página. Asegúrate de que esa vista previa tenga el mismo aspecto que tu tarjeta; [tamaño de la imagen OG](https://gradiently.design/es/guide/open-graph-image-size) cubre las etiquetas y la composición de 1200×630. ## Diseñar para temas claros y oscuros La gente lee X con un tema claro, uno oscuro o uno atenuado, y tu imagen queda sobre el que haya elegido. Una imagen con fondo blanco se funde con el tema claro y deslumbra en el oscuro. Una imagen con un fondo casi negro hace lo contrario. Un campo de color a sangre con bordes definidos se ve intencionado en todos. - Campo índigo: `linear-gradient(135deg, #1e1b4b 0%, #4338ca 55%, #818cf8 100%)` - Campo verde azulado: `linear-gradient(135deg, #064e3b 0%, #0f766e 55%, #5eead4 100%)` - Campo ámbar: `linear-gradient(135deg, #7c2d12 0%, #c2410c 55%, #fdba74 100%)` Campos que mantienen su forma en timelines claros y oscuros: cada uno va de un tono profundo a uno claro y limpio, así que la imagen nunca se funde con ninguno de los dos temas. Para saber más sobre cómo se comporta el color en interfaces oscuras, mira [diseño en modo oscuro](https://gradiently.design/es/guide/dark-mode-design). ## La imagen del encabezado de X El encabezado mide **1500×500**, un banner 3:1. Tu foto de perfil se superpone a su parte inferior izquierda, y los móviles lo muestran más pequeño y pueden recortar sus bordes. Que sea sencillo: tu aspecto, quizá una línea corta en el centro o a la derecha, y nada importante en la esquina inferior izquierda. [Tamaño del encabezado de Twitter](https://gradiently.design/es/guide/x-header-size) repasa la composición en detalle. Un encabezado ancho de X con una línea corta de texto centrada sobre un degradado Un encabezado con las palabras en el centro y la parte inferior izquierda libre para la foto de perfil. ## Cómo exportar y publicar imágenes en X 1. **Exporta al tamaño indicado** 1600×900 o 1080×1350, para que X reduzca y nunca amplíe. 2. **Elige el formato adecuado** PNG para texto y color liso, JPEG de alta calidad para fotos. Añade un grano ligero a los degradados suaves para que la compresión no forme bandas. 3. **Escribe una descripción de la imagen** X te deja añadir una descripción a cada imagen. Escribe lo que la imagen dice y muestra, para que quienes usan lectores de pantalla y los buscadores reciban el mismo mensaje. 4. **Compruébalo en un móvil** Mira la publicación en el timeline de un móvil, con el tema claro y con el oscuro, antes de fijarla. Si publicas la misma noticia en Instagram, LinkedIn y X, diséñala una vez y vuelve a componerla para cada forma. La lista completa de formas está en [tamaños de imágenes para redes sociales](https://gradiently.design/es/guide/social-media-image-sizes) y, para un lanzamiento, [gráficos para el día del lanzamiento](https://gradiently.design/es/guide/launch-day-graphics) enumera todos los recursos que vas a necesitar. ## FAQ ### ¿Cuál es el mejor tamaño de imagen para X (Twitter)? 1600×900 píxeles para una sola imagen horizontal, que el timeline muestra entera. Usa 1080×1350 para una imagen vertical, con lo esencial en el centro. ### ¿Por qué X recorta mi imagen? Las imágenes altas pueden recortarse en la vista previa del timeline, y las publicaciones con dos a cuatro imágenes recortan cada una en una cuadrícula. Mantén las palabras y las caras en el centro. ### ¿Qué tamaño tiene el encabezado de X? 1500×500 píxeles. La foto de perfil se superpone a su parte inferior izquierda, así que mantén lo importante lejos de esa esquina. ### ¿Las imágenes de X deben llevar texto? Un poco. La publicación ya lleva tus palabras, así que una imagen funciona mejor con una frase contundente, una cifra o una tarjeta reconocible que con un párrafo.