Unlimited After Effects and Premiere Pro templates, stock video, royalty free music tracks & courses! Unlimited asset downloads! From $16.50/m
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Compresión JPEG en Facebook: Cómo Lograr una Mejor Calidad de Imagen en tu Timeline

by
Difficulty:BeginnerLength:LongLanguages:
This post is part of a series called Image Compression for Photographers.
Save For Web: Better JPEG Compression with Adobe Photoshop
Twitter JPEG Compression: How to Create the Best Quality Image for Your Feed

Spanish (Español) translation by David Castrillón (you can also view the original English article)

Todos los hemos hecho, subimos una imagen que se veía fantástica en nuestro software de edición sólo para retroceder horrorizados en el lío de compresión que ahora se pone en nuestro timeline de Facebook. En este consejo rápido, te ayudo a conseguir el mejor resultado de calidad posible al subir tus fotos.

Descifrando las Pautas

Facebook nos ha dado estas pautas:

facebook guidelines
Directrices de Facebook para Subir una Imagen

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

Imágenes regulares en la línea de tiempo

Facebook sugiere que subamos las imágenes a una medida de 720px, 960px o 2048px de ancho para mejores resultados. Esta es la foto que voy a utilizar para la comparación:

example picture
Imagen de ejemplo para usar en Facebook

He guardado la imagen en cada uno de los anchos mencionados y los he cargado; luego guardé las versiones comprimidas de Facebook en mi computadora.

La primera cosa que se nota es la diferencia en el tamaño del archivo. Si voy a través de cada uno nos perderemos en los números, así tomemos la anchura media; 960px, el archivo con el que comencé era de 523kb y el que guardé de Facebook era de 86,9 kb así que ya sabemos que va a ser drástica la compresión.

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

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

Podemos observar artefactos en los tres cuadros, sobre todo en la parte superior del puente por lo que me he enfocado allí para fines de demostración. La imagen más grande (arriba a la izquierda) tiene los signos menos evidentes de compresión y la mayoría de la gente no lo miraría así de cerca, por lo que sería aún menos notable, a diferencia de la imagen a 720px que es tan grande como nunca se va a conseguir.

He probado los mismos tamaños de archivo con PNG en vez de JPEG y tiene resultados similares, por lo que no te aburriré con ellos aquí. Cabe destacar que PNG crea un tamaño de archivo más grande que Facebook va a querer cortarlo (un poco más sobre esto más adelante). La única vez que encuentro que esto hace una diferencia real con imágenes de la línea de tiempo es si incluyen texto, como si estuvieras cargando algo con un logotipo, por ejemplo.

Fotos de la Portada

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

example cover photo
Foto de portada de mi ejemplo

Si trato de subir esta foto a resolución completa (algo como 7000px de amplia), esto es lo que sucede:

facebook cover with compression
Portada de Facebook con imagen de resolución completa utilizada

No es buena en absoluto. Facebook recomienda en primer lugar redimensionarla a 851 x 315 así que vamos a probar:

facebook cover with resized photo
Foto de Portada de Facebook con tamaño redimensionado pero todavía es de más de 100kb

Mejor, pero todavía con muchísima distorsión alrededor de los frailecillos en particular. Esta imagen es aún de casi 300kb y Facebook recomienda 100kb así que esta vez, he usado Archivo > Guardar para Web (Control-Shift-Alt-S) en Adobe Photoshop y he ajustado la Calidad la imagen para lograr un resultado final bajo los 100kb:

save for web
Usa Guardar para Web para Lograr tu Imagen bajo los 100kb
facebook cover under 100kb and resized
Portada en 851 x 135 y guardada a menos de 100kb

Como puedes ver, esto aún logra el mejor resultado. A veces me encuentro con fotos de portada con las que puedo conseguir un resultado ligeramente mejor utilizando PNG en lugar de un archivo JPEG, pero como he mencionado anteriormente, con PNG es más difícil mantener el tamaño del archivo por debajo de los 100kb así que prueba ambos y mira qué funciona para ti.

Resumen

Aquí hay algunos puntos para recordar:

Obteniendo los Mejores Resultados para las Imágenes de la Línea de Tiempo

  • Carga imágenes grandes
  • Guárdalas con la máxima calidad
  • Usa PNG para imágenes con textos (Logos)

Obteniendo los Mejores Resultados para Imágenes de Portada:

  • Redimensionalas a 851 x 315
  • Utiliza Guardar para la Web y llévalas por debajo de 100kb
  • Prueba con JPEG y PNG para ver cuál se ve mejor

Las imágenes nunca van a estar sin compresión totalmente , no a menos que Facebook cambie cómo hace las cosas, pero podemos conseguir que se vean mucho mejor afinando un poco aquí y allá.

Advertisement
Advertisement
Advertisement
Advertisement
Looking for something to help kick start your next project?
Envato Market has a range of items for sale to help get you started.