Facebook Tamaño de la foto de portada: La guía completa

Pasaste una hora escogiendo la imagen perfecta. Lo subiste. Y ahora la mitad de su logotipo está oculto detrás de su foto de perfil, el lema que se centró cuidadosamente se corta en el teléfono de alguien, y todo parece que pasó a través de una licuadora. ¿Te suena familiar? La foto de portada de Facebook es silenciosamente uno de los pequeños problemas de diseño más frustrantes en todas las redes sociales, porque una sola imagen tiene que verse nítida en los monitores de escritorio, teléfonos y cada tamaño de pantalla intermedio, y Facebook la recorta de manera diferente en cada uno.

Aquí está la buena noticia: una vez que entiendas la verdadera Facebook cubierta tamaño de la foto, las zonas seguras y el puñado de reglas que nunca cambian, nunca volverás a pelear esta batalla. Diseñará una imagen, la subirá una vez y hará que se vea intencional en todas partes. Repasemos cada versión de la foto de portada, los números exactos y los trucos de diseño que mantienen visibles las cosas importantes sin importar el dispositivo que alguien tenga.

Por qué la foto de portada importa más de lo que piensas

Piensa en la última vez que aterrizaste en una página de negocios que nunca habías visto antes. Antes de leer una sola palabra, tus ojos se extendieron por la parte superior de la pantalla: la foto de portada, la foto de perfil, el nombre. Todo ese banner es tu escaparate. Es la primera impresión, el control de vibración, la fracción de segundo donde alguien decide si te ves legítimo y vale la pena seguirlo, o bofetadas y saltables.

Una foto de portada hace un trabajo real. Le dice a la gente lo que haces, establece el estado de ánimo y puede resaltar una oferta, evento o campaña actual. Es un bien visual de primera calidad, y es gratis. Lo único que se interpone entre usted y un banner pulido es obtener las dimensiones correctas para que Facebook no destruya su imagen. Eso es lo que hace tropezar a casi todo el mundo, porque Facebook no muestra tu foto de portada en un tamaño fijo. Se redimensiona y vuelve a recortar dependiendo de dónde se está viendo.

Así que antes de llegar a los números individuales, interioriza esta idea: No estás diseñando para un solo marco, estás diseñando para una variedad de cultivos. Clavar esa mentalidad y el resto es solo aritmética. El correcto Facebook El tamaño de la foto de portada no es realmente un número mágico, es una forma y un conjunto de hábitos seguros.

Tamaño de la foto de portada de la página de Facebook

Este es el grande, la portada que la mayoría de la gente quiere decir cuando pregunta sobre el Facebook cubierta tamaño de la foto. Se encuentra en la parte superior de las páginas de negocios, páginas de marca, páginas de comunidad y páginas de creadores, y es la versión que vale la pena hacer exactamente porque es la que los extraños juzgan primero.

Las especificaciones comúnmente documentadas funcionan así. Facebook muestra la foto de portada de la página en aproximadamente 820 x 312 píxeles en el escritorio y alrededor de 640 x 360 píxeles en el móvil. Observe que esos dos rectángulos son de diferentes formas, la versión de escritorio es más ancha y más corta, la versión móvil es más estrecha y más alta. Esa diferencia es la fuente completa de sus dolores de cabeza de cultivo.

Para alimentar ambos cultivos de un archivo, el tamaño de carga ampliamente recomendado es de 851 x 315 píxeles (o un múltiplo proporcional de él, más sobre por qué escalarías en un segundo). Facebook también enumera un mínimo de 400 x 150 píxeles, pero por favor no cargues nunca algo tan pequeño. Una pequeña imagen de la fuente se estira para llenar un gran banner y se vuelve suave y pixelada al instante.

Algunas notas prácticas en la portada de la página:

• Cargar al menos 851 x 315 e idealmente más grande. Cargar a doble resolución, alrededor de 1702 x 630, le da a Facebook una fuente nítida para reducir la escala, que se ve más nítida en la Retina de alta densidad y las pantallas modernas del teléfono. Mayor fuente, resultado más limpio.
• Mantén el archivo bajo el límite de tamaño de Facebook y usa el formato correcto. Para fotos con muchos colores y degradados, JPG está bien. Para logotipos, colores planos o gráficos con mucho texto, PNG mantiene los bordes nítidos y evita los artefactos de compresión fangosos que JPG puede introducir.
• La relación de aspecto es aproximadamente 2.7:1. Si construyes tu propio lienzo, hacer coincidir esa proporción ancha y corta mantiene la distorsión al mínimo.

Facebook perfil personal tamaño de la foto de portada

Tu perfil personal, el que tienes como humano en lugar de como marca, también usa una foto de portada, y los números son primos cercanos de la portada de la página. El tamaño de pantalla comúnmente citado es de aproximadamente 820 x 312 píxeles en el escritorio, y el tamaño de carga recomendado es de nuevo alrededor de 851 x 315 píxeles.

La arruga con perfiles personales es que la imagen de perfil circular se superpone a la esquina inferior izquierda de la cubierta. En muchos diseños, la foto de perfil y su nombre se encuentran justo en la parte superior de la región inferior izquierda del banner. Así que si centras tu contenido importante o lo empujas hacia la derecha, se mantiene alejado de esa superposición. Cualquier cosa que coloques en la esquina inferior izquierda corre el riesgo de esconderse detrás de tu propia cara.

Las portadas de perfil personal son un lugar encantador para una foto de paisaje, una foto de viaje, una ilustración favorita, algo que dice quién eres. Solo recuerda la superposición y dale a la parte inferior izquierda un amplio espacio.

Facebook evento tamaño de la foto de portada

Las portadas de eventos obtienen su propio tratamiento porque las páginas de eventos muestran imágenes en un marco más amplio y cinematográfico que Pages. La recomendación comúnmente documentada es a Relación de aspecto 16:9, con un tamaño recomendado alrededor 1920 x 1005 píxeles (algunas referencias rodean esto a 1920 x 1080). Una línea de base frecuentemente citada es 1200 x 628 píxeles, que también tiene aproximadamente la forma de 16:9.

Las portadas de los eventos están haciendo un trabajo promocional duro, así que trátelas como un mini póster:

• Lidera con lo esencial: nombre del evento, fecha y tal vez la ubicación o un gancho de una línea. Pero manténgalos centrados, porque las imágenes de eventos se recortan de manera diferente en los feeds, las tarjetas de compartir y la página del evento en sí.
• También diseño para la miniatura. Cuando tu evento se comparte en un feed o un mensaje, la cubierta se reduce drásticamente. Si el texto es pequeño o está abarrotado en una esquina, se convierte en una mancha ilegible. El texto grande, audaz y centrado sobrevive a la contracción.
• Cargar en la resolución completa recomendada para que la imagen permanezca nítida cuando Facebook para el encabezado de evento grande.

Facebook grupo tamaño de la foto de portada

Los grupos tienen una pancarta ancha en la parte superior, y tiende a ser la cubierta más alta y propensa a los cultivos del grupo. El tamaño de pantalla comúnmente documentado está alrededor 1640 x 856 píxeles en el escritorio, y muchas guías sugieren subir 1640 x 856 o un poco más alto para dar al cultivo móvil un poco de espacio para respirar.

Las portadas de grupo son notorias por el recorte agresivo entre el escritorio y el móvil, incluso más que las páginas, por lo que el pensamiento de zona segura que estamos a punto de cubrir aquí más que en cualquier otro lugar. Mantenga el nombre, el propósito o cualquier punto muerto visual clave de su grupo y trate los bordes superior e inferior como un margen prescindible que puede desaparecer en algunas pantallas.

La zona segura: el concepto que salva tu diseño

Aquí está la idea más importante en todo este artículo, así que deja que se hunda. Debido a que el escritorio y el móvil muestran diferentes cultivos de la misma imagen, hay una región en el medio que es Siempre visible en todos los dispositivos. Esa región es tu zona segura. Cualquier cosa crítica, su logotipo, su eslogan, una cara, una llamada a la acción, debe vivir dentro de ella.

Imagínate la foto de portada como un rectángulo ancho. En el escritorio, Facebook muestra una porción amplia y corta. En el móvil, muestra una porción más estrecha y más alta. Superponer esas dos rebanadas y la parte donde se superponen, aproximadamente el centro horizontal, es la zona que aparece sin importar qué. Los bordes exteriores son las zonas de peligro: el extremo izquierdo y derecho se pueden recortar en el móvil, y la parte superior e inferior se pueden recortar en el escritorio.

Así que la regla es muy simple: No pongas nada importante en las esquinas, y mantén tu contenido clave centrado.

Cómo aplicar esto sin un título de matemáticas:

• Centra tu punto focal. Lo que sea que se deba ver, logotipo, título, producto, pertenece al tercio medio de la imagen, tanto horizontal como verticalmente.
• Trata los bordes como sangrado. Deja que tu fondo, textura o color se extiendan hasta los bordes para que no haya un espacio blanco incómodo cuando se produzca el recorte, pero no confíes en los bordes para tener significado.
• Tenga en cuenta la superposición de imágenes de perfil Páginas y perfiles personales. Esa esquina inferior izquierda a menudo está parcialmente oscurecida, así que mantén el texto y las caras fuera de ella.
• Vista previa antes de confirmar. Después de cargar, revise la página en un navegador de escritorio y en su teléfono. Lo que se ve perfectamente equilibrado en su computadora portátil puede verse completamente diferente en el móvil, y viceversa. Dos minutos de previsualización te ahorran una semana de un logotipo cortado.

Si tomas una cosa de esta guía, hazlo así: diseña desde el centro hacia afuera, y casi nunca te quemarás con una cosecha.

Un flujo de trabajo de diseño repetible que puede comenzar hoy

Vamos a convertir todo esto en un proceso que realmente puede seguir, ya sea que esté haciendo una cubierta en una herramienta de diseño completa o una gratuita basada en el navegador.

Paso 1: Comience con el lienzo correcto

Abre tu herramienta de diseño y configura un lienzo con el tamaño de carga recomendado para lo que estés haciendo. Para una página o perfil, comience en 851 x 315 (o escale hasta 1702 x 630 para obtener una nitidez adicional). Para un evento, usa un lienzo 16:9 como 1920 x 1005. Para un grupo, use 1640 x 856. Establecer el lienzo exacto desde el principio significa que estás diseñando en las proporciones reales, no adivinando.

Paso 2: Marque su zona segura

Antes de colocar cualquier cosa, dibuja una caja de guía de luz en el centro horizontal y vertical, aproximadamente del 60 al 70 por ciento del lienzo. Este es tu límite de no cruzar para elementos importantes. Algunas plantillas incluso incluyen una superposición de zona segura, úsala si la tienes. Todo lo que tiene sentido se queda dentro de esta caja.

Paso 3: Crear capas

Coloca tu fondo primero, dejando que el color o las imágenes se extiendan completamente hasta los bordes. Luego agregue su elemento focal, logotipo, título o imagen de héroe, centrado dentro de la zona segura. Mantenlo limpio. Una foto de portada que intenta decir cinco cosas no dice nada. Un mensaje claro supera a un collage desordenado cada vez.

Paso 4: Respeta la imagen de perfil

Si esta es una portada de página o de perfil personal, recuerda que el círculo en la parte inferior izquierda se ubicará en la parte superior de la imagen. Deja esa área visualmente tranquila o diseña para que la imagen de perfil se sienta como una parte intencional de la composición, no una colisión accidental.

Paso 5: Exportar inteligentemente

Exportar como PNG para cualquier cosa con texto, logotipos o color plano, y JPG para imágenes fotográficas ricas. Mantenga el archivo de tamaño razonable para que se cargue rápido pero se mantenga fresco. Si tu herramienta te permite exportar a 2x, hazlo, y luego deja que Facebook reduzca su escala.

Paso 6: Cargar y luego verificar en dos dispositivos

Cargue la portada y, a continuación, abra inmediatamente su página tanto en el escritorio como en el teléfono. Compruebe que nada importante está cortado, que el texto es legible y que la imagen del perfil no cubre nada crítico. Ajustar y volver a cargar si es necesario. Este último paso es el que todos saltan y el que atrapa todos los problemas.

Una vez que haya construido una cubierta de esta manera, la siguiente toma diez minutos. Una pequeña estructura ahora te compra velocidad para siempre, y es el mismo principio detrás de cualquier bien. Flujo de trabajo de gestión de redes sociales: configure el sistema una vez, luego muévase rápidamente dentro de él.

Errores comunes que arruinan una gran cobertura

Incluso las personas que conocen las dimensiones todavía tropiezan con ellas. Escanea la lista y comprueba si alguno te suena familiar.

• Subir una imagen demasiado pequeña. Ese mínimo de 400 x 150 es un piso, no un objetivo. Los archivos de origen pequeños se estiran y se vuelven borrosos. Siempre suba al tamaño recomendado o más grande.
• Amontonando texto en las esquinas. Las esquinas son exactamente donde se produce el recorte. El texto centrado sobrevive, el texto acorralado se guillotina.
• Olvidando el cultivo móvil. La mayoría de tu audiencia está en su teléfono. Si solo revisas tu cubierta en el escritorio, estás diseñando para la minoría y apostando con la mayoría.
• Ignorar la superposición de la imagen de perfil. Ese círculo inferior izquierdo oculta el contenido en las páginas y perfiles. Diseño alrededor de ella.
• Sobrecarga de la imagen. Una portada con un titular, tres fotos, un número de teléfono, un código QR y un eslogan es un desastre. Elige un mensaje.
• Usando texto de bajo contraste. El texto ligero en una foto ocupada desaparece. Agrega una sutil superposición oscura detrás del texto o coloca el texto sobre una parte más tranquila de la imagen para que permanezca legible.
• Nunca lo actualizo. Una cubierta rancia de hace tres campañas señala una página descuidada. Actualizarlo para las estaciones, lanzamientos y promociones.

Consejos de diseño que hacen que una portada se vea genuinamente profesional

Obtener el tamaño correcto te impide lucir descuidado. Estos toques te empujan de correcto a realmente impresionante.

• Coincide con tu marca. Usa los colores, las fuentes y el logotipo de tu marca para que la portada se sienta como una extensión natural de todo lo demás que publicas. La coherencia se lee como competencia.
• Dale espacio para respirar. El espacio negativo, las áreas vacías alrededor de su texto y el punto focal, hacen que un diseño se sienta tranquilo y premium. El hacinamiento lo hace sentir frenético.
• Crea una jerarquía focal. Tu ojo debe saber dónde aterrizar primero. Haz que el elemento más importante sea el más grande o el más audaz, y deja que todo lo demás lo respalde.
• Coordina con tu foto de perfil. La portada y la foto de perfil se sientan una al lado de la otra. Elige colores y estilos que complementen en lugar de chocar.
• Utilice la cubierta para conducir la acción. ¿Correr una venta, lanzar un producto, organizar un evento? Dilo, en texto centrado y legible. Su cubierta es espacio publicitario gratuito, úselo con intención.
• Mantenga una plantilla. Una vez que hayas creado una cubierta que te guste, guárdala como una plantilla reutilizable. Intercambiar el mensaje la próxima vez toma minutos en lugar de horas, lo que hace que sea mucho más fácil mantener tus imágenes frescas como parte de tu calendario de contenido en curso.

Colocar fotos de portada en su estrategia social más grande

Su portada de Facebook es una pieza de un sistema visual mucho más grande. Cada plataforma tiene su propia bandera y dimensiones de imagen, y hacer malabares con todos ellos a mano se hace viejo rápido. La decisión inteligente es construir una pequeña biblioteca de plantillas consistentes con la marca, una por plataforma y formato, por lo que actualizar sus imágenes para una nueva campaña es cuestión de dejar copias e imágenes frescas en lugar de reconstruir desde cero.

Y una gran cobertura solo vale la pena si la gente realmente lo ve, lo que significa que también necesita un ritmo constante de publicaciones que conduzcan a los visitantes a su página. Ahí es donde la planificación por adelantado realmente se gana su sustento. Cuando tu Programa tus posts De antemano, liberas el espacio mental para pensar en una imagen más grande, como si tu foto de portada, tu publicación fija y tu campaña actual están contando la misma historia. El banner prepara el escenario, y su flujo constante de contenido lleva a la audiencia al espectáculo.

Tu hoja de trucos rápida para la foto de portada de Facebook

Cuando estás en medio del diseño y solo necesitas el número, aquí está todo destilado. Imprime, marca, pégala en tu monitor.

• Portada de página: suba 851 x 315 (o 1702 x 630 para mayor nitidez). Muestra alrededor de 820 x 312 en el escritorio, 640 x 360 en el móvil.
• Cubierta de perfil personal: carga 851 x 315, muestra alrededor de 820 x 312 en el escritorio. Mira la imagen de perfil en la parte inferior izquierda.
• Cubierta del evento: Relación 16:9, alrededor de 1920 x 1005 píxeles, con 1200 x 628 como línea de base.
• Cubierta del grupo: alrededor de 1640 x 856 píxeles, cosechas duras entre dispositivos, así que centre todo.
• Regla universal: mantenga el contenido crítico centrado en la zona segura, deje que los fondos se desvanezcan hasta los bordes, cargue alta resolución y vista previa en el escritorio y el móvil.

Memoriza el hábito de la zona segura y el tamaño exacto de la foto de portada de Facebook se vuelve casi secundario, porque un diseño centrado y de alta calidad se ve intencional en cualquier cultivo que la plataforma le arroje.

Una nota rápida sobre la verificación de las especificaciones actuales

Una advertencia honesta antes de ir: Facebook, como todas las plataformas, modifica su diseño de vez en cuando. Las dimensiones de esta guía reflejan las especificaciones ampliamente documentadas y comúnmente recomendadas, y el enfoque de zona segura está diseñado específicamente para sobrevivir a pequeños cambios de diseño porque nunca se basa en los bordes. Aún así, antes de un gran lanzamiento o una campaña importante, vale la pena hacer una rápida verificación de cordura. Sube tu imagen, mira tu página en el escritorio y en el móvil, y confirma que todo está donde esperas. Si Facebook ha dado un empujón, lo verás en dos minutos en lugar de después de que toda tu audiencia ya haya visto un banner recortado.

Ese hábito, el diseño desde el centro, subir a alta resolución, luego verificar en dispositivos reales, es a prueba de balas. Las plataformas seguirán cambiando sus recuentos de píxeles, pero una cubierta centrada, de alta calidad y que respete la zona segura se mantendrá luciendo genial a través de todo. Ahora haz que brille esa ventana de la tienda.