Tamaño del banner de Bluesky
Un banner de perfil de Bluesky mide 3000 por 1000 píxeles a 3:1, con el avatar superponiéndose en su esquina inferior izquierda. Recorta aquí con esa superposición dibujada — y como X usa la misma proporción a 1500 por 500, un mismo recorte sirve para ambos perfiles.
Suelta un PNG, JPG, WebP o GIF
o suéltalo en cualquier parte de la página · Elegir un archivo · 100 MB
Aceptados: PNG, JPG, JPEG, WebP, GIF, AVIF
Tamaño del banner de Bluesky: explicación
El banner de perfil de Bluesky es una franja de 3:1 de 3000 por 1000 píxeles. La proporción es la misma que un encabezado de X; la resolución es el doble en cada dirección, lo que lo hace notablemente más nítido en una pantalla de alta densidad y significa que un archivo hecho para X se verá borroso si se reutiliza directamente.
La interfaz se comporta de manera similar. Un avatar circular superpone la esquina inferior izquierda del banner, y el nombre para mostrar y el usuario se sitúan debajo de él. La consecuencia práctica es la misma: la parte inferior izquierda de la franja no es un lugar donde poner nada que tenga que ser leído.
Debido a que las proporciones coinciden, el flujo de trabajo útil es un recorte y dos exportaciones. Configura la composición una sola vez aquí, toma el archivo de 3000 píxeles de ancho para Bluesky y usa la página del encabezado de X para la versión de 1500 píxeles de ancho del mismo encuadre.
El mismo recorte a la mitad del tamaño es lo que X quiere, así que el redimensionador de encabezado de X completa el par.
Si un límite de subida se interpone, comprime en lugar de reducir — mantiene la resolución y elimina los bytes.
Bluesky y X, uno al lado del otro
Misma forma, diferente escala. Esa es toda la relación, y es lo que hace que un recorte compartido sea seguro.
| Plataforma | Tamaño del banner | Proporción | Avatar |
|---|---|---|---|
| Bluesky | 3000 × 1000 | 3:1 | Círculo, inferior izquierda |
| X | 1500 × 500 | 3:1 | Círculo, inferior izquierda |
| Perfil de Discord | 600 × 240 | 5:2 | Círculo, inferior izquierda |
Por qué vale la pena exportar el archivo más grande
3000 píxeles es generoso para una franja que se renderiza con unos pocos cientos de píxeles de ancho en un teléfono, y ese es precisamente el punto: en una pantalla con tres píxeles de dispositivo por cada píxel CSS, un banner de 1500 píxeles estirado a lo ancho de una ventana está siendo ampliado.
Proporcionar el archivo más grande cuesta unos pocos cientos de kilobytes y elimina la suavidad. Si la subida es rechazada por tamaño, comprime en lugar de reducir — reducir la calidad mantiene la resolución, y la resolución es lo que necesita la densidad.
Componiendo alrededor del avatar
El círculo del avatar superpone la esquina inferior izquierda, y el nombre para mostrar se sitúa debajo del banner en lugar de sobre él — lo que hace que Bluesky sea un poco más permisivo que X, donde la tarjeta de perfil móvil sube sobre la franja.
Aun así, la zona fiable es la parte superior y derecha. Un degradado, un patrón o un paisaje con su sujeto a la derecha sobrevive en todos los diseños; una marca de palabras centrada y baja no.
Formato y qué mantener
JPEG para banners fotográficos a este tamaño — un PNG de 3000 píxeles de una fotografía son varios megabytes sin ninguna ganancia visible. PNG para colores planos o tipografía. Mantén el archivo exportado de 3000 píxeles de ancho como tu maestro: se reduce a escala al encabezado de X y a cualquier otra ranura de 3:1 sin una segunda decisión de recorte.
Preguntas frecuentes
¿Qué tamaño tiene un banner de Bluesky?
3000 por 1000 píxeles, una franja de 3:1. Comparte su proporción con un encabezado de X pero tiene el doble de resolución lineal, así que un archivo hecho para X y reutilizado directamente en Bluesky está siendo ampliado y se ve borroso en una pantalla de alta densidad.
¿Puedo usar mi encabezado de X en Bluesky?
La forma encaja, pero la resolución no: 1500 por 500 estirados en una ranura de 3000 píxeles es una ampliación. La mejor opción es recortar una vez a 3000 por 1000 y exportar la versión más pequeña de X desde el mismo encuadre, lo que esta página y la página del encabezado de X hacen juntas.
¿El avatar cubre parte del banner de Bluesky?
Sí — un avatar circular superpone la esquina inferior izquierda, dibujado sobre la franja. El nombre para mostrar y el usuario se sitúan debajo del banner en lugar de sobre él, lo que hace que Bluesky sea un poco más permisivo que X, pero la parte inferior izquierda sigue sin ser utilizable para nada que tenga que ser leído.
Mi subida de banner fue rechazada por ser demasiado grande. ¿Qué hago ahora?
Comprime en lugar de reducir. Reducir la calidad del JPEG mantiene todos los 3000 píxeles y elimina bytes; reducir las dimensiones mantiene los bytes y elimina la nitidez por la que exportaste el archivo grande en primer lugar. El compresor toma un tamaño objetivo en kilobytes.
¿Por qué importan 3000 píxeles para una franja pequeña?
Porque un teléfono o un portátil moderno dibuja dos o tres píxeles de dispositivo por cada píxel CSS. Un banner renderizado con 800 píxeles CSS de ancho son realmente 2400 píxeles de dispositivo, y un origen de 1500 píxeles no puede llenar eso sin ser ampliado. La resolución extra es lo que lo mantiene nítido.
¿Se envía mi banner a algún lugar cuando lo redimensiono?
No. Cada paso — descodificar, recortar, redimensionar, codificar — ocurre en esta pestaña del navegador, y este sitio no tiene ningún punto de subida. Puedes ver cómo el panel de red se queda vacío mientras se ejecuta la exportación.
¿Qué herramientas relacionadas debería usar después?
- Redimensionar cabecera de TwitterCabecera 1500×500 con el hueco de la foto de perfil y la bio marcadosAbrir
- Redimensionar banner de YouTubeArte del canal en 2560×1440 con zonas seguras de móvil marcadasAbrir
- Redimensionar banner de perfil de DiscordRecorta el banner de perfil exacto de Discord: 680×240 a 17:6Abrir
- Redimensionar Canvas de SpotifyRecorta la portada a 1080×1920, con la zona de controles marcadaAbrir
- Comprimir imagenApunta a un peso concreto o elige la calidad y mira lo que cuestaAbrir
- Herramientas para creadoresAjusta y optimiza banners, avatares, emotes y portadas para cada plataforma.Abrir