La versión corta
- Diseña la foto de portada de Facebook a 1640×624 píxeles, un banner ancho de más o menos 2,6 a 1.
- Los móviles muestran un recorte más estrecho de la portada que los ordenadores, así que mantén las palabras y los logotipos en los dos tercios centrales del ancho.
- La foto de perfil y el nombre de la página quedan en el borde inferior de la portada, así que la franja de abajo debe permanecer tranquila.
- La portada de un evento de Facebook mide 1920×1005 píxeles, y el título del evento debe escribirse también en los detalles del evento, no solo en la imagen.
- Las publicaciones de Facebook funcionan mejor en 1200×1200 para las cuadradas o 1080×1350 para las verticales, y las stories en 1080×1920.
En esta página
El tamaño de la foto de portada de Facebook para diseñar es 1640×624 píxeles, un banner ancho de unas 2,6 veces más ancho que alto. Las portadas de eventos son de 1920×1005, las publicaciones del feed son 1200×1200 cuadradas o 1080×1350 verticales, y las stories son 1080×1920. El tamaño es la parte fácil. El oficio está en componer la portada para que siga leyéndose cuando un móvil muestre solo su centro.
Portada 1640×624
1640 × 624
Portada de evento 1920×1005
1920 × 1005
Publicación 1200×1200
1200 × 1200
Publicación vertical 1080×1350
1080 × 1350
Story 1080×1920
1080 × 1920
Todos los tamaños de imagen de Facebook en una tabla
Ten esta tabla a mano cuando configures una página nueva o planifiques una campaña. Cada tamaño sigue el tamaño de subida que recomienda Facebook, y cada uno tiene un trabajo distinto. Si publicas también en otras redes, la hoja de referencia completa de tamaños de imágenes para redes sociales enumera todas las plataformas en un solo sitio.
| Formato | Tamaño en píxeles | Forma | Ideal para |
|---|---|---|---|
| Foto de portada | 1640×624 | Cerca de 2,6:1 | El banner de tu página o perfil |
| Portada de evento | 1920×1005 | Cerca de 1,9:1 | Páginas de eventos, invitaciones y el feed |
| Publicación cuadrada | 1200×1200 | 1:1 | Anuncios, citas, productos |
| Publicación vertical | 1080×1350 | 4:5 | Publicaciones que deben llenar más pantalla del móvil |
| Story | 1080×1920 | 9:16 | Actualizaciones a pantalla completa y efímeras |
Cómo se recorta la portada de Facebook en móviles y ordenadores
Un navegador de escritorio muestra la portada casi a todo su ancho. Un móvil muestra una ventana más cuadrada de la misma imagen, así que los bordes izquierdo y derecho se pierden. Las tabletas y la app en horizontal quedan en un punto intermedio. Subes un solo archivo, y cada pantalla toma su propio recorte del centro.
Lo segundo que hay que prever es lo que va encima. Tanto en perfiles personales como en páginas, tu foto de perfil y tu nombre quedan sobre el borde inferior de la portada o justo debajo, y en los móviles la foto se solapa con ella. Todo lo importante en la franja inferior corre el riesgo de quedar tapado o apretado.
Una portada compuesta para cada recorte: las palabras van en un bloque compacto en el centro, y los bordes llevan solo color.
Una zona segura que sobrevive a cada recorte
No necesitas guías exactas en píxeles. Tres reglas mantienen segura una portada en cualquier pantalla, y salen directamente de cómo funciona el recorte.
- 1
Mantén las palabras en los dos tercios centrales
De los 1640 píxeles de ancho, trata más o menos los 1100 centrales como el único lugar para texto y logotipos. Los tercios exteriores son para color, textura y todo lo que no te importe perder.
- 2
Deja tranquilo el cuarto inferior
La foto de perfil y el nombre se solapan con esta franja. Pon tu línea más arriba, hacia el centro vertical o justo por encima.
- 3
Haz que los bordes sean prescindibles, no vacíos
Los bordes en blanco parecen inacabados en un ordenador. Deja que un degradado o una textura llegue hasta los bordes para que la vista de ancho completo se sienta generosa, mientras el recorte del móvil sigue teniendo todo lo que necesita.
- 4
Compruébala en ambos extremos
Antes de publicar, mira la portada en un portátil y en un móvil. Si se corta una letra o el logotipo queda bajo la foto de perfil, muévelo hacia dentro y hacia arriba.
Evita
- Un eslogan que va de borde a borde
- Un logotipo en la esquina inferior izquierda, bajo la foto de perfil
- Letra pequeña que se vuelve ruido en un móvil
- Una foto cargada detrás de las palabras
Haz
- Una línea corta en el centro
- El logotipo en la foto de perfil, sin repetirlo en la portada
- Texto lo bastante grande para leerse en el recorte del móvil
- Un campo tranquilo detrás de las palabras, detalle en los bordes
Tamaño y composición de la portada de un evento de Facebook
La portada de un evento es de 1920×1005, una forma cercana a la vista previa de enlace de 1,91:1, y aparece en la página del evento, en las invitaciones y en el feed cuando la gente comparte el evento. Se recorta con menos agresividad que la portada de un perfil, pero a menudo se ve pequeña, así que valen las mismas reglas: palabras cortas, centradas y grandes.
No dejes que la imagen cargue con los datos. Facebook muestra la fecha, la hora y el lugar como texto junto a la portada, donde la gente puede añadirlos a un calendario. Pon en la imagen el nombre del evento y una línea de ambiente, y deja que los detalles hagan su propio trabajo. Si el evento necesita además publicaciones, stories y una pantalla de escenario, planifícalos juntos; branding de eventos cubre el conjunto completo.
La portada del evento: nombre, fecha y lugar, grandes y centrados.
El mismo evento como story, compuesto de nuevo para una pantalla alta.
Qué poner en una portada de Facebook
La portada es lo primero grande que la gente ve en tu página, y se ve una y otra vez. Funciona mejor como una declaración tranquila de quién eres, no como un tablón de anuncios. Cámbiala cuando cambie algo significativo, como una temporada, un lanzamiento o un aspecto nuevo, y mantén la misma familia de fondos para que la página siga siendo reconocible.
- Tu aspecto y una línea. Un degradado de marca y una promesa o descripción corta.
- La temporada o el lanzamiento actual. Una línea y una fecha, que se retira cuando pasa.
- Solo una textura tranquila. Sin ninguna palabra, la foto de perfil y el nombre hablan por sí solos.
- Horario o ubicación para negocios locales, siempre que sea lo bastante corto para leerse en un móvil.
radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)Si pones un logotipo en la portada, asegúrate de que tenga suficiente contraste con la parte del fondo sobre la que va. Logotipo sobre un fondo degradado muestra cómo elegir una versión calada o lisa.
Ajustes de exportación para una portada nítida
Facebook vuelve a comprimir todo lo que subes, y los degradados anchos y suaves son los que más sufren: pueden formar bandas visibles. Exporta un PNG cuando la portada sea sobre todo texto y color liso, y un JPEG de alta calidad cuando sea una foto. Una capa ligera de grano sobre un degradado da al compresor detalle al que agarrarse, lo que oculta las bandas. Bandas en degradados explica por qué.
Preguntas frecuentes
¿Qué tamaño tiene la foto de portada de Facebook?
Diséñala a 1640×624 píxeles. Mantén las palabras y los logotipos en los dos tercios centrales del ancho, porque los móviles recortan los lados.
¿Por qué mi portada de Facebook se ve cortada en el móvil?
Los móviles muestran un recorte más cuadrado de la portada que los ordenadores, así que se recortan los bordes izquierdo y derecho. Mueve el texto y los logotipos hacia el centro y deja la franja inferior libre de la foto de perfil.
¿Qué tamaño tiene la portada de un evento de Facebook?
La portada de un evento de Facebook mide 1920×1005 píxeles. Mantén el nombre del evento grande y centrado, y añade también la fecha y el lugar en los detalles del evento.
¿Debo subir mi portada de Facebook como PNG o JPEG?
Usa PNG para portadas que son sobre todo texto, logotipos y color liso, y un JPEG de alta calidad para fotos. Añadir un grano ligero a un degradado ayuda a que sobreviva a la compresión de Facebook sin bandas.
¿Cuál es el mejor tamaño para la imagen de una publicación de Facebook?
Usa 1200×1200 para una publicación cuadrada o 1080×1350 para una vertical que llene más pantalla del móvil. Las stories son de 1080×1920.
Escrito por Gradiently
El equipo detrás de Gradiently, una herramienta de diseño creada en torno a los Marks: degradados vivos que hacen que todo lo que diseñas parezca tuyo.
Ver nuestro perfil
