Cómo cambiar correctamente el tamaño de las imágenes para Facebook

Lo ames o lo odies, Facebook se ha convertido en una importante plataforma de redes sociales no solo para promocionar tu trabajo, sino también para encontrar nuevos clientes. Ya sea que elija crear una página de fans para su negocio o simplemente cargar sus fotografías en su propio perfil, es posible que se pregunte cuál debe ser la mejor resolución y configuración de exportación para sus imágenes, de modo que Facebook pueda mostrarlas con la más alta calidad. En este artículo, no solo repasaré el comportamiento de compresión y cambio de tamaño de Facebook, sino que también le mostraré la configuración adecuada para usar al exportar imágenes desde Lightroom y Photoshop.

1) Redimensionamiento y compresión de imágenes de Facebook

Hace unos años, Facebook era terrible para cambiar el tamaño de las imágenes. Si tuviera que cargar una imagen en ese entonces, no solo haría que se viera horrible al comprimirla, sino que también eliminaría el perfil de color. Si no fue muy cuidadoso con la resolución particular a la que cambia el tamaño y si exportó imágenes en algo que no sea sRGB, sus fotografías no se verían en nada como en su computadora. Desde entonces, muchas cosas han cambiado para mejor: el motor de procesamiento de imágenes de Facebook se ha vuelto mucho más avanzado y mejor, por lo que afortunadamente se han solucionado la mayoría de los problemas del pasado. Aún así, Facebook recomienda cambiar el tamaño de las imágenes a ciertas resoluciones antes de publicarlas, como se explica en este artículo .. A partir del 09/11/2014, a continuación se muestran los tamaños recomendados para subir fotografías a Facebook:

1. Fotos normales: 720 px, 960 px, 2048 px
2. Fotos de portada: 851 px por 315 px
3. Miniaturas de enlace de ancho completo: 484 px por 252 px
4. Imagen de perfil en el encabezado: 180 px por 180 px

Según los datos anteriores, las tres mejores resoluciones para extraer fotografías son 720, 960 y 2048 píxeles. Lo que quería averiguar era qué sucede si uno carga imágenes en estos y en diferentes tamaños. ¿Cuál es el impacto en una foto si se sube a, digamos, 980 píxeles en lugar de 960? ¿Y qué sucede si accidentalmente usa un perfil de color diferente como Adobe RGB o ProPhoto? Echemos un vistazo a estos escenarios de casos y veamos.

1.1) Compresión de imágenes de Facebook

¿Qué le hace Facebook a una imagen que se extrae con una resolución recomendada? Echemos un vistazo al antes y después de una imagen que extraje de Lightroom con una resolución de 960 píxeles de ancho y una calidad JPEG del 77 %:

El tamaño del archivo original era de 204 KB en el estado "Antes" y Facebook lo redimensionó a 64 KB, por lo que aquí se está produciendo un algoritmo de compresión bastante agresivo. Si miras de cerca, la imagen "Después" muestra algunos artefactos en el cielo y alrededor del sujeto, pero no es malo y ciertamente tolerable. ¿Cuánta compresión se aplica? Depende de cada imagen, pero parece que la compresión varía entre un 47-61% de calidad equivalente en Lightroom. Además de comprimir la imagen, el algoritmo de compresión de imágenes de Facebook también eliminó todos los datos EXIF, datos PPI y cambió la información del perfil de color, reemplazando "sRGB IEC61966-2.1" con un perfil de color "c2". Cuando miro imágenes usando un visor de imágenes con reconocimiento de espacio de color o mi navegador, no puedo ver ninguna diferencia entre los dos, por lo que el perfil "c2" es muy similar a sRGB, como se indica en este artículo de un ingeniero de Facebook.

Resumen: incluso si carga con la resolución recomendada, Facebook aún aplica un algoritmo de compresión en las imágenes. La única forma de evitar la compresión es cargando imágenes de menos de 100 KB (que a menudo es demasiado poco para una imagen de alta calidad).

1.2) Cambio de tamaño de imagen de Facebook

Ahora echemos un vistazo a lo que sucede cuando uno carga una imagen que tiene un tamaño ligeramente diferente al valor recomendado. Para esta prueba, subí dos imágenes, una de 960 píxeles y otra de 980 píxeles. A continuación se muestran los resultados de la imagen de 960 píxeles:

Al igual que en nuestra primera prueba, se está produciendo una gran cantidad de compresión. Para esta segunda toma de paisaje, extraje la imagen con una calidad muy alta: 85 %, que es un paso inferior a la calidad 100 % JPEG. El tamaño de la imagen original era de 772 KB, con EXIF ​​y otros datos JPEG conservados. Facebook comprimió la imagen hasta 150 KB y eliminó todos los datos incrustados. Nuevamente, el espacio de color incrustado se reemplazó de "sRGB IEC61966-2.1" a "c2".

Pero, ¿qué sucede si la imagen no se proporciona con la resolución recomendada de 960 píxeles? Veamos qué sucede con una imagen que exporté a 980 píxeles:

Curiosamente, la imagen se parece notablemente a la imagen que extraje a 960 píxeles. El algoritmo de Facebook no cambió el tamaño de mi imagen de 980 píxeles a 960 píxeles y lo único que sucedió aquí fue la compresión nuevamente: la imagen bajó de 802 KB a 159 KB y los datos EXIF ​​​​se borraron nuevamente. La única diferencia es que, esta vez, el espacio de color se reemplazó con "sRGB IEC61966-2-1 en escala de negro". No estoy seguro de por qué el nombre del perfil no era "c2", pero la imagen no difería de ninguna manera en términos de colores.

También intenté subir imágenes de mayor resolución a 1024, 1200, 1600 y 2048 píxeles. Todas las imágenes simplemente se comprimieron y los datos se eliminaron, sin que se produjera ningún cambio de tamaño.

Resumen: resulta que la resolución de sus imágenes no es importante, por lo que no importa si extrae imágenes en tamaños recomendados como 960 o 2048 píxeles. Cualquier tamaño de imagen funciona y cada imagen se tratará con mucha compresión y eliminación de datos incrustados.

1.3) Conversión del espacio de color de Facebook

¿Qué sucede si exporta por accidente imágenes con un espacio de color diferente como Adobe RGB o ProPhoto RGB en lugar de sRGB? Echemos un vistazo a las dos imágenes a continuación que exporté en los espacios de color Adobe RGB y ProPhoto RGB (Antes: Adobe RGB, Después: ProPhoto RGB):

Si compara las dos imágenes de arriba con la primera imagen de este artículo, verá que los colores son iguales. Esto significa que el algoritmo de compresión de imágenes de Facebook también está realizando una conversión de Adobe RGB y ProPhoto RGB a sRGB automáticamente. Entonces, si carga una imagen con un espacio de color no estándar, Facebook aún la cambiará a sRGB automáticamente. El cambio de espacio de color se puede ver claramente en la siguiente captura de pantalla, donde las tres imágenes aparecen iguales, a pesar de tener un espacio de color diferente antes de cargarlas:

¿Significa que a uno no le debe importar qué espacio de color usar durante la exportación? No, todavía usaría sRGB durante la exportación, porque los colores ricos podrían alterarse y verse un poco diferentes después del proceso de conversión. Es mejor que la conversión de color se realice en su computadora, en lugar de confiar en el motor de conversión de Facebook.

Resumen: Facebook convierte automáticamente el espacio de color a sRGB, incluso si se proporcionan imágenes Adobe RGB o ProPhoto RGB. Para evitar problemas de conversión de color, aún recomendaría extraer imágenes con el espacio de color sRGB.

2) Cambiar el tamaño de las imágenes de Lightroom para Facebook

Ahora que sabemos algunas cosas sobre el proceso de compresión y conversión de color de Facebook, podemos pasar al proceso de exportación y cambio de tamaño de imágenes para Facebook usando Lightroom. Aquí está la ventana de exportación de Lightroom que me muestra exportando una imagen a 960 píxeles (no dude en cambiar esto a cualquier resolución con la que se sienta cómodo):

Como puede ver, elegí "sRGB" para el espacio de color y una calidad del 85 % para la imagen. En realidad, la calidad JPEG no es de importancia crítica, porque Facebook la comprime muchísimo de todos modos. Cuando experimenté con un archivo JPEG con una calidad del 100 % y lo comparé con un archivo JPEG con una calidad del 85 %, Facebook comprimió ambos al mismo tamaño, con una diferencia de 1 KB. Sin embargo, si elige algo inferior al 85 %, Facebook comprimirá la imagen aún más y degradará su calidad, por lo que mi recomendación sería permanecer en el 85 % o más.

En la ventana "Redimensionamiento de la imagen", elija "Borde largo" en el menú desplegable e indique el lado más largo en píxeles. Sin embargo, para una mejor presentación de su trabajo, recomendaría cargar imágenes con una resolución superior a 960. Tenga en cuenta que muchas personas tienen pantallas de alta resolución hoy en día (Retina, 4K, etc.), por lo que hacer que sus imágenes sean pequeñas no ayudará a promocionar su trabajo. No se preocupe por la configuración de "Resolución" (que se muestra como 240 en mi captura de pantalla), solo se usa para imprimir y no tiene ningún efecto sobre cómo se muestra o procesa Facebook. De hecho, Facebook elimina por completo esos datos de las imágenes de todos modos. Por lo general, mantengo mi nitidez de cambio de tamaño en "Pantalla" y "Alto", pero si eso es demasiado para su gusto, puede reducir el valor u omitir la nitidez de salida por completo. Los datos / metadatos EXIF ​​son eliminados por Facebook de todos modos,

3) Cambiar el tamaño de las imágenes de Photoshop para Facebook

Cuando trabaje con imágenes en Photoshop, puede cambiar el tamaño en un paso separado a través del cuadro de diálogo "Tamaño de imagen" (CTRL + ALT + I), o también puede cambiar el tamaño de la imagen en la ventana "Guardar para Web". Personalmente, prefiero hacerlo a través del cuadro de diálogo Tamaño de imagen, como se muestra a continuación:

Elija el tamaño con el que se sienta cómodo y colóquelo en el área de entrada Anchura para la orientación horizontal o en el área de entrada Altura para la orientación vertical. Para la misma toma de paisaje anterior, elegí 960 de ancho y Photoshop calculó automáticamente cuál debería ser la altura correcta. Una vez más, la resolución no importa, por lo que puede dejarla en su valor predeterminado. Para volver a muestrear, prefiero usar "Bicubic Sharper" al reducir la resolución de la imagen, ya que hace un buen trabajo con los detalles y rara vez tengo que preocuparme por enfocar la imagen.

Una vez que cambie el tamaño de la imagen, puede guardarla. Cuando aparezca el cuadro de diálogo "Opciones de JPEG", elija un valor entre 10 y 12 para obtener el archivo JPEG de mejor calidad, como se muestra a continuación:

Otra forma es usar la herramienta "Guardar para Web" en Photoshop, a la que puede acceder presionando ALT + MAYÚS + CTRL + S, o yendo a "Archivo -> Guardar para Web...". En esta ventana, elija la calidad JPEG entre 85 y 100, asegúrese de mantener marcado "Incrustar perfil de color" y también asegúrese de que "Convertir a sRGB" también esté marcado:

Con la herramienta "Guardar para web", puede omitir el proceso de cambiar el tamaño de la imagen por completo: simplemente ingrese el tamaño de imagen deseado en "Tamaño de imagen" y elija el algoritmo de cambio de tamaño como "Bicubic Sharper". Photoshop cambiará el tamaño de la imagen y la guardará en el formato y la configuración de calidad deseados.

4) Resumen

A pesar de la recomendación de Facebook de cambiar el tamaño de las fotografías a una resolución de 720, 960 o 2048 píxeles para obtener la mejor calidad de imagen, parece que no hay nada de malo en elegir otras resoluciones no estándar. Como mostré en el artículo anterior, siempre que no intente cargar una imagen de resolución completa superior a 2048 píxeles, Facebook no cambiará el tamaño de la imagen cargada a una resolución más pequeña; solo aplicará compresión y eliminará los metadatos incrustados. . Para exhibir su trabajo, siéntase libre de elegir cualquier tamaño con el que se sienta cómodo. Personalmente, elijo 2048 píxeles y esa es la misma resolución que proporcionamos imágenes aquí en PL, pero es posible que algunas personas no se sientan cómodas proporcionando imágenes con esa resolución. Aún así, tenga en cuenta que los dispositivos que las personas usan para acceder a Internet están aumentando rápidamente en resolución,

Sin embargo, si está actualizando la foto de portada de su línea de tiempo o la imagen de su perfil, le recomendaría extraerlas en la dimensión exacta recomendada por Facebook para evitar el cambio de tamaño. Puede usar las herramientas de recorte en Lightroom y Photoshop para lograr eso...