# Tamaño del banner de Bluesky: 3000 x 1000 e imágenes

[Canonical HTML page](https://gradiently.design/es/guide/bluesky-banner-size)

Tu banner de Bluesky es lo más ancho de tu perfil y lo primero que ve un nuevo seguidor. Aquí tienes el tamaño, la esquina que cubre tu avatar y cómo dimensionar las imágenes de tus publicaciones.

## The short version

- El tamaño del banner de Bluesky es de 3000×1000 píxeles, una cabecera 3:1 que recorre la parte superior de tu perfil.
- Tu foto de perfil redonda solapa la parte inferior izquierda del banner, así que mantén palabras y logotipos fuera de esa esquina.
- El banner se recorta de forma ligeramente distinta en el móvil y en escritorio, así que el detalle importante va en el centro.
- El tamaño de imagen recomendado para publicaciones de Bluesky es de 1600×900 píxeles, un formato apaisado 16:9.
- Bluesky te deja añadir texto alternativo a cada imagen, y una descripción clara hace más útil cada publicación con imagen.

El **tamaño del banner de Bluesky** es de 3000×1000 píxeles, una cabecera ancha 3:1 que recorre la parte superior de tu perfil. Tu avatar redondo queda sobre la esquina inferior izquierda, y el recorte visible cambia un poco entre la app móvil y la web, así que mantén palabras y logotipos en el centro y la derecha del fotograma, lejos del avatar. Para las imágenes dentro de las publicaciones, usa 1600×900 píxeles, un formato apaisado 16:9, o una imagen vertical cuando el contenido sea alto.

## Medidas del banner de Bluesky

| Imagen | Tamaño | Proporción |
| --- | --- | --- |
| Banner de perfil | 3000×1000 px | 3:1 |
| Imagen de publicación (apaisada) | 1600×900 px | 16:9 |
| Imagen de publicación (vertical) | 1080×1350 px | 4:5 |
| Imagen de publicación (cuadrada) | 1080×1080 px | 1:1 |

El banner es la única imagen de Bluesky con una forma fija. Las imágenes de las publicaciones pueden tener otras proporciones.

- Banner de Bluesky 3:1: 3000 × 1000
- Cabecera de X 3:1: 1500 × 500
- Banner de LinkedIn 4:1: 1584 × 396

El banner de Bluesky comparte la forma 3:1 de X con el doble de píxeles, así que un solo diseño sirve para ambos. El de LinkedIn es mucho más estrecho.

Como el banner de Bluesky y la [cabecera de X](https://gradiently.design/es/guide/x-header-size) comparten una proporción 3:1, diseña una vez a 3000×1000 y exporta una copia de 1500×500 para X. La resolución extra mantiene nítidos el texto fino y los degradados en pantallas grandes y de alta densidad. Exporta PNG para gráficos y texto, y JPEG para fotografías.

## Dónde solapa el avatar al banner

En tu perfil, el círculo del avatar queda sobre el borde inferior del banner, cerca de la izquierda. Todo lo que diseñes en esa esquina queda cubierto, en parte o del todo, según la pantalla. El resto del banner está libre, aunque la derecha puede recortarse en móviles estrechos. [Zonas seguras en redes sociales](https://gradiently.design/es/guide/social-media-safe-zones) traza el mismo problema en todas las plataformas.

| Zona | Área aproximada | Pon aquí |
| --- | --- | --- |
| Esquina del avatar | Tercio izquierdo, mitad inferior | Solo fondo |
| Centro | Tercio central, toda la altura | Tu titular, logotipo o imagen principal |
| Derecha | Tercio derecho | Detalle de apoyo, nada esencial |
| Bordes superior e inferior | Unos 100 px cada uno | Solo fondo, porque los recortes varían |

Un mapa de trabajo, no valores oficiales en píxeles. Mira el banner en un móvil y en la web antes de darlo por bueno.

Un banner de Bluesky de 3000 por 1000 con el texto «Notas sobre diseño pausado» centrado y la esquina inferior izquierda libre para el avatar

Palabras centradas, la parte inferior izquierda para el avatar y el fondo de borde a borde.

## Ideas para banners de Bluesky

Un banner no necesita mucho. Está detrás de tu nombre y tu biografía, así que funciona mejor como ambiente con una idea: lo que haces, lo que publicas o simplemente un color que acabe siendo tuyo. Los banners recargados compiten con el avatar y con el texto de la biografía justo debajo.

- **Puro ambiente.** Un degradado o material en tus colores sin ninguna palabra. Tranquilo, y nunca se queda anticuado.
- **Una línea.** Lo que se obtiene al seguirte: «Notas diarias sobre tipografía», «Grabaciones de campo de la costa».
- **Tu trabajo.** Un recorte ancho de una foto, ilustración o producto, con el sujeto en el tercio central.
- **Algo de actualidad.** Un libro, un lanzamiento o un espectáculo, con fecha. Acuérdate de cambiarlo cuando pase.

- Del cielo al azul profundo: `linear-gradient(100deg, #0a1a3f 0%, #1d4ed8 50%, #7dd3fc 100%)`
- Sol poniente, centrado: `radial-gradient(ellipse at 60% 40%, #fde68a 0%, #fb923c 40%, #7c2d12 90%)`
- Violeta nocturno: `linear-gradient(100deg, #111827 0%, #312e81 55%, #a78bfa 100%)`
- Bruma matinal: `linear-gradient(100deg, #f8fafc 0%, #e0f2fe 50%, #bae6fd 100%)`

Cuatro fondos de banner. Cada uno mantiene su zona más oscura o más calmada a la izquierda, donde el avatar necesita contraste para destacar.

Fíjate en la parte izquierda de cada uno. El avatar necesita contraste con el banner para destacar, así que un borde izquierdo más oscuro o más liso ayuda a un avatar claro, y uno claro ayuda a un avatar oscuro. Es el mismo razonamiento que [un logotipo sobre un fondo degradado](https://gradiently.design/es/guide/logo-on-gradient-background).

### Evita

- Un logotipo o nombre abajo a la izquierda, bajo el avatar
- Texto pequeño que se reduce a nada en un móvil
- Una foto cuyo sujeto está en el extremo del borde
- Un patrón recargado detrás de la biografía
- Un archivo de 1500×500 estirado para que encaje

### Haz

- El contenido clave en el tercio central
- Una línea en grande, o ninguna palabra
- Sujetos centrados y bordes como fondo
- Una zona tranquila a lo largo del borde inferior
- Una exportación completa de 3000×1000

La mayoría de los problemas de banner vienen de diseñar en un portátil y no mirar nunca un móvil. Sube la imagen, abre tu perfil en la app y luego en un navegador de escritorio, y mira la esquina bajo el avatar y el borde derecho en ambos. Si algo importante se corta, desplázalo hacia el centro y vuelve a subirlo; lleva un minuto y evita que el banner parezca descuidado a cada nuevo visitante.

## Tamaño de imagen de publicación en Bluesky

Para las imágenes de las publicaciones, 1600×900 es el tamaño fiable: se muestra completo en el feed tanto en móvil como en escritorio. Las imágenes verticales de 1080×1350 están permitidas y ocupan más espacio vertical, lo que va bien para carteles y gráficos, aunque el feed puede mostrarlas en una vista previa más corta hasta que se tocan. Puedes adjuntar varias imágenes a una publicación y se organizan en una cuadrícula, así que mantén un conjunto con las mismas proporciones.

Una imagen de publicación de Bluesky de 1600 por 900 que anuncia el número 40 de un boletín

Una imagen de publicación apaisada de 1600×900, la forma más segura en Bluesky.

Una imagen de publicación vertical de 1080 por 1350 para una feria de grabado el sábado

Un cartel vertical de 1080×1350, más grande en el feed pero a veces con vista previa más corta.

> **Escribe el texto alternativo** Cada imagen que adjuntas en Bluesky tiene un botón de texto alternativo, y mucha gente de la red lo lee y lo valora. Describe lo que dice la imagen: «Cartel: feria de grabado, sábado, puesto 14, de 10:00 a 17:00». Si la imagen lleva palabras, el texto alternativo debe llevarlas también.

## Mantén tu perfil de Bluesky con tu marca

El banner, el avatar y las imágenes de las publicaciones se leen como un solo perfil, así que dales una misma familia de fondos. El mismo color o material detrás de tu banner, tus imágenes de anuncios y tus tarjetas de cita hace que quien hace scroll te reconozca antes de leer tu nombre de usuario. Los tamaños de todas las demás plataformas están en [tamaños de imagen para redes sociales](https://gradiently.design/es/guide/social-media-image-sizes), y el hábito de mantener un aspecto entre todas está en [coherencia de marca](https://gradiently.design/es/guide/brand-consistency).

En Gradiently eliges un Mark, diseñas el banner de 3000×1000 una vez y, con Pro, lo redimensionas a la cabecera de X, el banner de LinkedIn y los tamaños de publicación en un solo paso, cada uno generado de nuevo para su forma y no recortado. Las palabras colocadas sobre el Mark se mantienen legibles porque se calma por sí solo detrás de ellas. Si quieres un aspecto que sea solo tuyo, explora el [Mercado](/market).

## FAQ

### ¿Qué tamaño tiene un banner de Bluesky?

3000×1000 píxeles, una proporción 3:1.

### ¿Qué tamaño deben tener las imágenes de las publicaciones de Bluesky?

1600×900 píxeles, un formato apaisado 16:9, se muestra de forma fiable en el feed. El vertical de 1080×1350 y el cuadrado de 1080×1080 también funcionan.

### ¿Puedo usar mi cabecera de X en Bluesky?

Sí. Ambas son 3:1, así que un diseño de 3000×1000 reducido a 1500×500 sirve para X y el tamaño completo sirve para Bluesky. Comprueba la posición del avatar en cada una.

### ¿Dónde queda el avatar en un banner de Bluesky?

Sobre la parte inferior izquierda del banner, así que mantén palabras y logotipos fuera de esa esquina y en el centro.