Compresión de JPEG en Facebook cómo obtener la mejor calidad de imagen en su línea de tiempo

Todos lo hemos hecho, hemos subido una imagen que se veía fantástica en nuestro software de edición solo para retroceder con horror ante el desastre comprimido que ahora se encuentra en nuestra línea de tiempo de Facebook. En este Consejo rápido, te ayudaré a obtener el mejor resultado de calidad posible al cargar tus fotos.

Opciones premium

Si desea una solución rápida, intente cambiar el tamaño y afilar para Facebook, una acción de Photoshop disponible en Envato Market. Este elemento puede eliminar el dolor de cabeza al cargar fotos en Facebook aplicando automáticamente la configuración correcta para que sus imágenes se vean nítidas y profesionales..

Redimensionar y Enfocar para Facebook

O puede tomar un atajo y descargar una de las imágenes de portadas de Facebook personalizables y diseñadas profesionalmente disponibles en Envato Elements.

Imágenes de portadas de Facebook disponibles en Envato Elements.

Descifrando las pautas

Facebook nos ha dado estas pautas:

Directrices de Facebook sobre la carga de imágenes.

Así que vamos a ver qué funciona. Empezaremos con imágenes regulares..

Imágenes regulares en la línea de tiempo

Facebook sugiere que subamos a cualquiera 720px, 960px o 2048px de ancho para los mejores resultados. Esta es la imagen que voy a usar para nuestra comparación:

Imagen de ejemplo para usar en Facebook

Guardé la imagen en cada uno de los anchos mencionados y los subí; luego guardé las versiones comprimidas de Facebook de nuevo en mi computadora.

Lo primero a tener en cuenta es la diferencia en el tamaño del archivo. Si paso por cada uno, nos perderemos en números, así que tomemos el ancho medio; 960px, el archivo con el que empecé era 523kb y el que guardé de Facebook era 86.9kb así que ya sabemos que va a haber una compresión drástica.

Aquí están los tres tamaños al 100% después de Facebook:

Una comparación de los tres anchos sugeridos para usar en Facebook

Podemos observar artefactos en las tres imágenes, particularmente alrededor de la parte superior del puente, así que me he centrado en eso con fines de demostración. La imagen más grande (arriba a la izquierda) tiene los signos menos obvios de compresión y la mayoría de la gente no la estaría mirando tan de cerca, por lo que sería incluso menos perceptible, a diferencia del 720px que es tan grande como siempre.

Probé los mismos tamaños de archivo con PNG en lugar de JPEG y obtuve resultados similares, por lo que no los aburriré aquí. Vale la pena señalar que PNG crea un archivo de mayor tamaño, por lo que Facebook solo querrá reducirlo (un poco más sobre esto más adelante). La única vez que encuentro que esto marca una diferencia real con las imágenes de la línea de tiempo es si incluyen texto, como si está cargando algo con un logotipo, por ejemplo..

Fotos de portada

Esta es la foto que voy a usar para mi portada:

Mi foto de portada de ejemplo

Si intenté subir esto a la resolución completa (unos 7000px de ancho), esto es lo que sucede:

Portada de Facebook con imagen de resolución completa utilizada.

No es bueno en absoluto. Facebook recomienda en primer lugar cambiar el tamaño a 851 x 315 así que vamos a intentarlo:

Portada de Facebook con foto redimensionada pero aún más de 100kb

Mejor, pero todavía hay mucha distorsión alrededor del frailecillo en particular. Esta foto sigue siendo casi 300kb aunque y Facebook recomienda 100kb así que esta vez, utilicé Expediente > Guardar para la web (Control-Shift-Alt-S) en Adobe Photoshop y ajustó el Calidad obtener la imagen final en 100kb:

Use Save For Web para obtener su imagen por debajo de 100kbCubierta a 851 x 135 y guardada a menos de 100kb 

Como puedes ver, esto consigue el mejor resultado hasta ahora. A veces encuentro con las fotos de portada que puedo obtener un resultado ligeramente mejor usando una Png preferible a JPEG, pero como mencioné anteriormente, es más difícil mantener esos tamaños de archivo por debajo de 100kb, así que intente ambos y vea cuál funciona para usted..

Resumen

Aquí hay algunos puntos para recordar:

Obteniendo los mejores resultados para Línea de tiempo Imágenes:

• Subir un tamaño grande
• Ahorra en la máxima calidad
• Usa PNG para imágenes con texto (logos)

 Obteniendo los mejores resultados para Cubrir Imágenes:

• Redimensionar a 851 x 315
• Use Save For Web y baje a menos de 100kb
• Prueba JPEG y PNG para ver cuál se ve mejor.

Las imágenes nunca estarán completamente sin compresión, a menos que Facebook cambie la forma en que hacen las cosas, pero podemos hacer que se vean mucho mejor con un poco de ajuste aquí y allá..