# Tamaño de la portada de Facebook, portadas de eventos y publicaciones [Canonical HTML page](https://gradiently.design/es/guide/facebook-cover-size) Un banner ancho, visto en un portátil, un móvil y una tableta, cada uno mostrando un recorte algo distinto. Aquí tienes los tamaños y la composición que sobrevive a todos. ## The short version - 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. 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 formatos de Facebook dibujados a escala. La portada es la atípica: larga, poco alta y recortada de forma distinta en cada pantalla. ## 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](https://gradiently.design/es/guide/social-media-image-sizes) 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 | Tamaños de imagen de Facebook. Sube a estos tamaños para que la plataforma reduzca, nunca amplíe. ## 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 ancha de Facebook con el nombre Studio North centrado sobre un degradado, con color abierto en ambos extremos 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](https://gradiently.design/es/guide/event-branding) cubre el conjunto completo. Una portada ancha de evento que dice Noche larga de otoño, viernes 17 de octubre, sobre un fondo degradado La portada del evento: nombre, fecha y lugar, grandes y centrados. Una versión vertical en formato story del evento Noche larga de otoño sobre el mismo degradado 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. Centro tranquilo, bordes más profundos: `radial-gradient(ellipse 70% 90% at 50% 45%, #2b3a67 0%, #182447 45%, #0b1024 100%)` Un fondo de portada construido para el recorte: la zona más clara y tranquila queda en el centro, donde van las palabras, y el color se profundiza hacia los bordes que recortará un móvil. 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](https://gradiently.design/es/guide/logo-on-gradient-background) 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](https://gradiently.design/es/guide/gradient-banding) explica por qué. > **Un mismo aspecto en todos los tamaños** Diseña la portada, la publicación, la portada de evento y la story como una familia y no como cuatro archivos separados. En Gradiently, **copiar a tamaños** compone de nuevo un diseño terminado para cada formato, con el Mark renderizado desde cero para cada forma en lugar de estirado. [Un mismo aspecto, todos los tamaños](https://gradiently.design/es/guide/one-look-every-size) explica la idea. ## FAQ ### ¿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.