Guía Completa para Tamaño de Portada de Facebook 2024

16 min de lectura
17 enero 2024

La foto medidas de portada de Facebook se muestra en 820 x 312 píxeles en las pantallas de escritorio. Para aquellos en dispositivos móviles, el tamaño de una portada de Facebook es un poco más pequeño. Luego, la foto tiene un tamaño de 640 píxeles de ancho por 360 píxeles de alto.

Su imagen de portada de Facebook es posiblemente lo primero que los usuarios notan en su página. Todo cuenta cuando se quiere dar la mejor primera impresión – tamaño, contenido, texto, facilidad de uso móvil, etc.

Esta guía le ayudará a recordar las reglas de tamaños en Facebook, ejemplos de plantillas, qué hacer y qué no hacer y mucho más, de esta manera ayudarlo a crear fotos y videos de portada más efectivas e impresionantes.

Puntos clave

  • La foto de portada es prácticamente lo primero que notan los usuarios en una página de Facebook. Como si fuera la primera impresión al conocer a alguien, aquí todo importa. La portada debe reflejar la esencia de la marca y tener el tamaño adecuado.
  • El ajuste automático durante la carga no distorsiona la imagen. Sin embargo, puede volverse borroso si la resolución de la foto seleccionada es baja. Por eso es tan importante seguir las dimensiones recomendadas.
  • Cada año hay más y más razones para adaptar sus páginas para dispositivos móviles. Por ejemplo, hay un 71% más de usuarios que visitan el website desde dispositivos móviles que desde unos ordenadores.
  • La imagen de portada debe seguir tres principios clave: texto breve, atractivo emocional y relevancia.
  • El eslogan puede convertirse en una herramienta más para llamar la atención de los usuarios a la empresa y su página. La imagen a su vez debe invocar una respuesta emocional. Por ejemplo, usted debe demostrar la conexión de la marca con la sensación de calidez y felicidad. Además, debe alinearse con los intereses de la audiencia.


Antes de empezar: Términos a saber

Para que todos estén en la misma sintonía, es necesario revisar la terminología básica que se discutirá en este artículo. No habrá mucha información técnica, pero algunos términos que necesita saber son:

  • Foto de portada – Es un espacio de imagen panorámica en la parte superior de la página de Facebook, por encima de la imagen de perfil. Las empresas pueden usarlo para resaltar sus productos, servicios, etc.
  • Zona segura – Es una parte más pequeña de la foto de portada en Facebook que siempre es visible en todas las redes sociales.
  • Pixel – Es un bloque de construcción de una imagen digital y es la unidad de información más pequeña. Por ejemplo, puede haber 640 píxeles de un lado a otro y 512 píxeles de arriba a abajo, que usted puede ver uno por uno al hacer zoom.
  • PNG – Los Gráficos de Red Portátiles son uno de los formatos de archivo más utilizados para la compresión de imágenes sin pérdida.

Si usted se encuentra en México, Perú o Colombia, preste atención a la terminología básica que se tratará en este artículo.

Tamaño de foto de portada de Facebook

La portada de Facebook medidas

Una foto de portada es la imagen más grande en su página, y puede dar una buena impresión o arruinar su relación por primera vez con un visitante. Si su imagen elegida no es consistente con las normas de portada en Facebook, podría enfrentar varios problemas. Por ejemplo, la imagen puede resultar pixelada, como se dijo anteriormente. Además, parte del texto se puede cortar, o todo el diseño puede volverse torpe.

Según Facebook, su foto de portada se muestra en 820 píxeles de ancho por 312 píxeles de altura para los usuarios de desktop. Para aquellos en dispositivos móviles, la foto tiene un tamaño de 640 píxeles de ancho por 360 píxeles de alto. Si la foto no se ajusta a dichas dimensiones, se ajustará automáticamente.

Afortunadamente para los usuarios de Facebook, todas las fotos se cambian de tamaño para adaptarse al espacio de la portada. Dependiendo de las dimensiones iniciales de la imagen, se estirará o se recortará. El ajuste automático no distorsiona la imagen. Sin embargo, podría volverse borroso si era demasiado pequeña con baja resolución.

Tamaño del encabezado en Facebook de Desktop vs. Móvil

El diseño de su portada en Facebook debe tener en cuenta las diferencias inherentes en la forma en que se mostrará en varios dispositivos. Si desea que la imagen sea adecuada tanto para la visualización de desktop como para dispositivos móviles, puede consultar el concepto de zonas seguras.

Facebook de Desktop vs. Móvil

Como se ve en la figura anterior, las versiones móviles y de desktop cortan cantidades notables de la imagen original. Por lo tanto, es mejor colocar la parte principal de la imagen, así como el texto en el centro. Entonces, evitará el riesgo de perder información importante.

A algunas personas les resulta frustrante que no puedan cargar diferentes imágenes para desktop y luego para dispositivos móviles. Para mitigar este problema, necesita un tamaño de imagen que acomode ambos formatos. El tamaño generalmente aceptado es 820x360 píxeles. Puede ver en las imágenes a continuación cómo Facebook cambia automáticamente el tamaño de la misma imagen, pero ya está diseñado con este hecho en mente.

CISCO Facebook


CISCO mobile


Cada vez hay más razones para adaptar sus páginas a dispositivos móviles. Por ejemplo, hay un 71% más de usuarios que visitan un website desde dispositivos móviles que desde un escritorio. Entonces, se ayuda si hace su contenido disponible para todos.

No se puede negar que una foto de portada en Facebook debe ser una imagen grande y de alta resolución. Pero con tantas normas para el tamaño (portadas, fotos de perfil, enlaces a publicaciones de fotos, etc.), es difícil no confundirse. Aquí están las especificaciones técnicas:

La portada de eventos de Facebook

La foto de portada del evento en Facebook tiene tres ubicaciones diferentes, y el tamaño recomendado 1920x1005 se adaptará a las tres.

La primera es Próximos Eventos: se muestra en miniatura. Esto significa que el usuario debe seleccionar una imagen que destaque tanto en miniatura como a tamaño completo.

El segundo es Página del Evento: es el principal recurso para detalles, comentarios y actualizaciones, donde todo el mundo puede comentar o escribir sus preguntas sobre la reunión.

La tercera es Sección de Noticias: las imágenes de los eventos que aparecen en la sección de noticias tienen casi las mismas dimensiones que las de la página del evento en Facebook.

La portada de grupo de Facebook

Facebook recomienda utilizar una resolución de 1.640x856 píxeles (o una relación de aspecto de 1,91:1) para las fotos de portada de grupo. Es posible que los visitantes del grupo no puedan ver la imagen completa en los dispositivos móviles.

Las publicaciones de Facebook

Las publicaciones en Facebook se adaptan a dos tamaños diferentes: 1200 x 1200 px y 1200 x 630 px. La red social permite variar la altura de las imágenes, por lo que es fácil encontrar la imagen adecuada para tu publicación.

Las prácticas más adecuadas par la foto de portada en Facebook

Con todas estas reglas y normas de tamaño, el proceso de creación de una portada en Facebook puede parecer bastante intimidante. Para simplificar la tarea, hemos recopilado recomendaciones prácticas y los puntos más importantes a tener en cuenta. Hay un montón de espacio para la creatividad – sólo asegúrese de que la imagen de portada siga tres principios fundamentales:

  • Texto – un eslogan conciso puede jugar un papel importante en llamar la atención. Algunos textos gratuitos dan otra forma de comunicarse con los usuarios y le permiten promocionar el mensaje de su marca de manera efectiva
  • Emoción – si consigue una respuesta emocional de los visitantes, es más probable que recuerden el contenido que vieron. Por ejemplo, conectar la marca con el sentimiento de amistad, inspiración, calidez y felicidad contribuye positivamente a las decisiones de compra de los clientes
  • Relevancia – Una imagen de portada debe coincidir con los intereses de su audiencia, así como el mensaje de su marca. Encuentre un equilibrio entre ser útil para la búsqueda del visitante y reforzar sus creencias como empresa.

Una vez que aprenda estos principios básicos, es hora de echar un vistazo a otros consejos útiles. Vamos a sumergirnos en recomendaciones prácticas sobre cómo crear portadas apropiadas y visualmente llamativas en Facebook:

  1. Cumplir con las normas de fotos de portada en Facebook
    Nunca está de más echar un vistazo a las normas oficiales de Facebook. No hay consecuencias específicas para el incumplimiento, pero usted no quiere arriesgarse a que su página de Facebook se eliminada. Siempre puede consultar las normas al seleccionar una foto:
    • Las portadas son visibles para el público
    • Las fotos de portada no pueden ser engañosas, confusas o infringir los derechos de autor de nadie
    • Tenga en cuenta las dimensiones antes de subir una foto
    • No puede incluir información sobre precios o compras ni animar a otros a que suban su portada
  2. Haga su imagen de portada llamativa
    Target
    Ya sea una foto, una ilustración dibujada, una imagen de stock o cualquier otra cosa, hágalo visualmente impactante. You can really go all out with color. La gama de colores puede marcar una gran diferencia en cómo su audiencia ve la imagen e influir en ella de varias maneras. Juegue con diferentes colores para cambiar el tono de su obra – pueden ser atrevidos, sofisticados o románticos, dependiendo de lo que esté buscando.
  3. Aplique la vieja regla ‘20% de texto’
    Las viejas reglas de Facebook permitían que no más del 20% de su foto de portada fuera ocupada por texto. Pero a pesar de que esta regla se ha ido técnicamente, la impresión general de su utilidad se mantuvo sin cambios. Si su imagen de portada va a incluir texto, intente hacerla concisa.
  4. Use colores que coincidan con la estética de su marca
    Use colores que coincida
    Una combinación de colores uniforme hace que todos sus canales sean consistentes. Considere su página de Facebook como una extensión de todo su negocio. Si usted tiene ciertos colores que se utilizan en sus tiendas reales y on-line, entonces también se pueden utilizar en diferentes plataformas de redes sociales. De esa manera su marca y logotipo serán más reconocibles.
  5. Haga que su portada sea simple y clara
    Haga que su portada
    Una imagen despejada capta la atención del espectador de manera mucho más efectiva que la cubierta de detalles. Evalúe cuidadosamente exactamente lo que necesita incluir. A pesar de que podría estar tentado a proporcionar un montón de información, no debe inundar a la gente con toneladas de cosas. No significa necesariamente que tenga que ser minimalista. La impresión general es que debe hacer que la imagen sea reconocible, y cuanto menos detalle incluya, más fácil será.
  6. No intente integrar su foto de perfil en la imagen de portada
    El viejo diseño de página de Facebook permitió a los usuarios hacer algunos ajustes y mezclar la imagen de perfil en la foto de portada. Si se encuentra con este consejo, tenga en cuenta que ya no es aplicable a las páginas de negocios.
  7. Promocione sus últimos eventos y productos
    Promocione sus últimos eventos y productos
    Una foto de portada estacional y relevante se puede utilizar como un anuncio a nuevos productos/servicios/eventos. Por lo tanto, usted atraerá más atención a lo que esté promoviendo, pero de una manera sutil y visualmente agradable. Además, si cambia sus portadas de vez en cuando, mantendrá a su audiencia más interesada en el contenido de su página.
  8. Complemente los botones de acción con un buen diseño
    Usted puede intentar acentuar los botones de «llamada a la acción» como ‘Registrarse’ o ‘Comprar ahora’. Facebook solía prohibir los diseños que se centraban en estos botones, pero ahora esa restricción se ha eliminado. Sin embargo, recuerde que el diseño cambia en los dispositivos móviles.
  9. Experimente con cambiar el enfoque hacia la derecha
    Experimente con cambiar
    El diseño actual de Facebook coloca la foto de perfil a la izquierda, mientras que la portada ocupa todo en el lado derecho. Los elementos más prominentes de su portada pueden estar a la derecha para tener todo espaciado uniformemente. Esto le dará un aspecto equilibrado y creará un poco de espacio extra.
  10. Incluya una descripción a la foto de portada que respalda a sus botones activos
    Si su página de Facebook o campaña de marketing tiene botones activos en particular, agréguelos a la nueva descripción de la foto de portada. Es otra forma de hacer que todos sus canales y formatos sean cohesivos. Además, puede incluir un enlace a su oferta para que los visitantes tengan acceso directo a ella.
  11. No se olvide de los usuarios en el formato móvil
    el formato móvil
    a foto de portada
    Como se mencionó en la sección sobre las dimensiones de la foto de portada en Facebook, usted debe diseñarla con los usuarios móviles en mente. Usted no quiere perder una gran parte de su audiencia ¿verdad? Una vez que usted se establezca en una determinada imagen, pruébela en varios dispositivos para ver cómo se ajusta a diferentes diseños y tamaños de pantalla.
  12. Adjunte una publicación que coincida con su foto de portada de Facebook
    Cuando tienes varios elementos por la misma causa – su portada de la foto, descripción, botones activos – usted puede completar este conjunto con una publicación sobre lo mismo y fijarlo. La publicación se resaltará en la parte superior de la línea de tiempo durante siete días y contribuirá a mejores conversiones.
  13. Utilice su foto de portada para atraer a más visitantes
    Lo más probable es que haya invertido mucho tiempo y dedicación en la elaboración de una foto de portada. Por lo tanto, no solo debe ser atractiva, sino que también debe ser competitiva. Por supuesto, no debe escribir ‘¡Cómprame!’ o ‘¡La oferta termina hoy!’ por todas partes, usted puede utilizar formas sutiles para atraer a los clientes potenciales que está buscando e recopilar contacto. Por ejemplo, incluir un hashtag compartible, iniciar un desafío o algo por el estilo.

Errores a evitar

Siempre que coloque libremente cualquier imagen en la portada de Facebook, algunas decisiones pueden tener un efecto perjudicial en el rendimiento de su página. Aquí hay algunos errores habituales junto con las razones por las que debe evitarlos:

  • La misma foto de portada para diferentes propósitos – Las dimensiones de las imágenes de portada de los eventos y grupos de Facebook varían, por lo que usted desea que se optimicen. De lo contrario, los tamaños y resoluciones incorrectos pueden parecer fuera de configuración. Además, usted desea que las páginas individuales sean reconocibles y no se imiten entre sí
  • Demasiado texto – El texto excesivo crea una sobrecarga de información para la audiencia. El mejor enfoque es reducir la redacción al mínimo para que se destaque. Trate de evitar también la difusión de texto por toda la imagen
  • Demasiados detalles y desorden – Similar al punto anterior, usted no quiere hacer que la imagen sea abrumadora. Con el fin de reducir la carga cognitiva, deshacerse de todo lo que no es absolutamente esencial
  • No tener en cuenta el formato de página – Es necesario recordar los detalles de su diseño de Facebook. Parte de la imagen de portada va a ser cortada por la imagen de perfil y el nombre (para la versión desktop), o el lado no será visible (para el móvil). Compruebe si el texto es totalmente visible en ambas versiones y que la portada no replique la foto de perfil
  • Imagen genérica y fácil de olvidar – Al no incluir una imagen personalizada, usted está perdiendo la oportunidad de hacer un fuerte impacto visual. Hoy en día, las personas ven una gran cantidad de contenido, por lo que es tan importante llamar su atención con algo que aún no han visto. Una portada única y cuidadosamente diseñada transmitirá de manera más efectiva quién es usted
  • No tener una marca clara – Este error es otra forma de hacer que su página sea menos memorable. Los colores personalizados y la marca de logotipo contribuyen al reconocimiento de la marca, lo que, a su vez, ayuda con su posicionamiento en el mercado. Asegúrese de mantenerlo sutil y directo, ya que los usuarios tienden a no disfrutar de contenido “agresivo”.

Ejemplos de fotos con perfectas medidas para portada de Facebook

Muchas marcas ya están siguiendo las recomendaciones dadas anteriormente. Aquí hay algunos grandes ejemplos de portada en Facebook de los que puede tomar notas.

Canva Facebook


La primera es una herramienta de diseño gráfico que utiliza su imagen de portada para animar a los usuarios a publicar con su hashtag. Esto combina colores mutuamente beneficiosos, diseño elegante y logotipo claro de la marca. Los botones activos de texto atraen la atención de los visitantes, pero no los presionan con exceso de información.

HBO Facebook


El siguiente es una cadena de televisión que promueve uno de sus espectáculos más populares en ese momento. Este cartel agrega relevancia a las páginas y se puede usar en otras publicaciones de redes sociales para complementar toda la campaña de marketing. Los colores son audaces y notables, y no hay detalles en los lados, lo que hace que sea más fácil para el usuario enfocarse.

Herschel Facebook


Herschel mobile


Por último, aquí hay un ejemplo de cómo ubicar la imagen para que funcione en todos los dispositivos. La portada está alineada a la derecha, lo que complementa la imagen de perfil de la izquierda y nivela todo. La empresa se especializa en accesorios de estilo retro, y la imagen coincide con la estética de la marca.

Cómo crear una foto de portada en Facebook: Guía paso a paso

Supongamos que tiene una imagen que desea recortar de acuerdo con las normas de imagen de portada en Facebook. Esto es lo que tiene que hacer.

Paso 1. Abra un editor gratuito online pixlr.com in navegador o una aplicación similar.

Abra un editor gratuito online


Paso 2. Cargue la imagen en el área de trabajo.

Cargue la imagen en el área de trabajo


Paso 3. Cambie la ventana “Constricción” a “Tamaño de salida” y establezca el ancho y la altura en 820 y 360, respectivamente (este es el tamaño de imagen óptimo para desktop y móvil). Arrastre la herramienta de recorte dependiendo de cómo quiera cortarla y presione “Enter”.

Cambie la ventana Constricción a Tamaño de salida


Paso 4. Vaya a “Archivo” – “Guardar como” …’ y cambie el formato a PNG. Guarde la imagen en su computadora.

Vaya a Archivo – Guardar como


Paso 5. Vaya a su página de Facebook. Haga clic en “Agregar portada” o “Cambiar portada” en la esquina superior izquierda y seleccione “Subir foto”.

Subir foto


Paso 6. Haga clic en la fotografias elegida y guarde la nueva portada. ¡Usted está listo!

¡Usted está listo!


Vídeo de portada en Facebook

En lugar de una foto de portada, las páginas de negocios de Facebook ahora tienen la opción de subir un video de portada. La intención principal detrás de esta característica es hacer interacciones más atractivas y experiencias más interesantes para los usuarios. El formato de vídeo abre más posibilidades de lo que la marca puede compartir: proporciona información útil, muestra su producto/servicio, muestra todo «tras bastidores», etc.

Nokia


Un video de portada en Facebook debe tener al menos 820x312 píxeles, pero las dimensiones recomendadas son 820x462. La resolución puede ser de hasta 1080p y el tamaño del archivo debe ser inferior a 1.75GB en .mp4 o .mov. En cuanto a la duración del video, debe tener entre 20 y 90 segundos de duración.

Tenga en cuenta que todos los videos se muestran en el bucle, lo que significa que se reproduce continuamente hasta que el usuario sale de la página. Por lo tanto, asegúrese de que comience y termine con un bucle natural para lograr una transición natural a través de bucles.

El video no debe contener nada que parezca tedioso o demasiado llamativo cuando se reproduce una y otra vez. De lo contrario, eso puede crear un efecto completamente opuesto al que le gustaría lograr con su portada. Mejor trate de crear contenido divertido y equilibrado que no sea demasiado intenso. Al igual que con las imágenes, las marcas pueden presentar y promocionar sus productos, agregar botones activos, agregar un poco de texto y compartir sus mensajes con la audiencia.

Ejemplos de videos de portada en Facebook

Ejemplos


Dado que las portadas de video son una característica relativamente nueva en Facebook, no hay muchos ejemplos. Sin embargo, hemos recopilado algunos de los ejemplos más interesantes que demuestran las capacidades de este formato.

Hubspot Academy


Esta revista mensual utiliza el formato de portada para llamar la atención sobre su próxima edición. El video se acerca suavemente, por lo que el texto sigue siendo legible y todos los colores utilizados son pronunciados. Al principio no parece una portada de revista, lo que hace que los espectadores pasen más tiempo mirándola para ver de qué se trata.

REI


El siguiente ejemplo es una plataforma de capacitación online. El componente motivacional se alinea perfectamente con el mensaje de la marca. Además, usted puede trasladar fácilmente las imágenes a una publicación para otros canales sociales. La animación es simple pero creativa y tiene elementos suficientes para animar a los usuarios a echar un vistazo más de cerca.

FAQ

Si usted tiene una foto de portada cargada, siempre estará visible para el público. Sin embargo, puede hacer que sus viejas fotos de portada solo sean visibles para usted. Haga clic en ‘Editar’ en las fotos de portada antiguas y configúrelas a ‘Sólo Yo’.

Si recortar una imagen es más fácil en pulgadas que en píxeles, entonces la relación de aspecto debe ser de 4 pulgadas de ancho por 1.5 pulgadas de alto.

Los cambios en la foto de portada aparecen en las noticias a menos que limites la visibilidad de la publicación. Usted puede hacerlo manualmente, con el botón ‘Editar’, o cambiar la configuración de privacidad para futuras publicaciones.

Haga clic en su foto de perfil en la esquina superior izquierda y luego en su foto de portada actual. Seleccione “Cargar Foto” y elija la foto que desea utilizar en el menú. Haga clic en “guardar” en la esquina superior derecha.