Compresión de Twitter JPEG cómo crear la imagen de mejor calidad para tu feed

Para las imágenes en tu feed, Twitter no parece restringirnos tanto como Facebook, por lo que publicar una imagen de calidad decente en un feed debería ser relativamente fácil, ¿no? Bueno, es más complicado de lo que piensas. Este Consejo rápido tiene como objetivo obtener sus archivos JPEG de la mejor manera posible..

Imágenes de Twitter Feed

Twitter nos ha dado estas pautas:

Pautas de Twitter

Nos estamos enfocando en JPEG en este Consejo rápido para que todos los ejemplos estén en ese formato. Parecería que con un límite de 5 MB ya tenemos mucho más para jugar que Facebook. ¿Pero es ese necesariamente el caso? Twitter puede comprimir un archivo de 5MB hasta el mismo que un archivo de 3MB o 1MB con diferentes estados de distorsión. Así que averigüemos!

Nuestra foto de ejemplo

Subí tres versiones de mi ejemplo anterior a mi Feed de Twitter; una 3000px (4.2MB) archivo, un 2000px (2.2MB) archivo y un 1000px (734kb) archivo. Así es como salieron:

Imágenes después de la compresión de Twitter

Guardé cada imagen que Twitter había redimensionado automáticamente a 600px (solo puedes guardar la vista previa, pero pude capturar la versión de vista completa que ves arriba) y noté que el tamaño de los archivos era muy interesante.. 

los 3000px 4.2MB la imagen había salido en 47.2kb, la 2000px 2.2MB a 47.5kb y el 1000px 734kb a 52.4kb.  Así que la imagen más grande había bajado al tamaño más pequeño. Interesante cuando nos fijamos en la compresión de cada uno. La imagen más grande tiene algunos artefactos de compresión, pero también ha perdido mucha nitidez en toda la imagen. El más pequeño ahora es el tamaño de archivo más grande, pero la compresión es muy pronunciada en los contornos de las personas.. 

Como en el caso de Facebook, parece que las imágenes más grandes son mejores; pero no demasiado grande En mi propia experiencia, en algún lugar alrededor 1500-2000px es correcto y si puede reducir el tamaño del archivo con Adobe Photoshop Guardar para la web opción entonces todo lo mejor.

Fotos de encabezado

Este es mi ejemplo:

Ejemplo de encabezado

Carga de una imagen de alta resolución

En primer lugar lo intenté a muy alta resolución., 5000px de ancho y 8MB - el máximo de Twitter permitirá que sean 10MB.

Encabezado de Twitter de gran resolución

Eso se veía bastante bien para mí. Se recortó un poco, pero como era una imagen de alta resolución, está bien. Puedes ver que hay muy poca compresión visible aquí.

Estaba bastante presumido, hasta que golpeé guardar:

La compresión después de guardar fue bastante mala.

La compresión ocurrió después de guardar la imagen de buen aspecto. Ahora puede ver la compresión alrededor de los bordes y una pérdida general de nitidez

¿Y qué pasa si cargamos lo mismo pero después de cambiar el tamaño a 1500 x 500 px recomendado por Twitter??

Carga de la imagen de tamaño recomendado de Twitter

Tamaño del encabezado recomendado por Twitter

Está recortado como lo hizo el otro, pero la compresión no es tan mala. Aquí están las comparaciones de lado a lado:

Comparaciones de un tamaño grande y el tamaño recomendado de Twitter al 100%.

Puede ver la pérdida de definición en ambos, pero el de la izquierda es mucho peor, con una distorsión bastante visible, especialmente alrededor de la escritura en el barco..

Y si…

La guía de Twitter claramente funcionó mejor que una imagen de tamaño completo, pero me pregunté; ¿Qué pasaría si tomara su tamaño, mantuviera la misma proporción pero duplicara el tamaño? Creé un 3000px por 1000px imagen y trató de que:

Intenté duplicar la recomendación de Twitter, 3000 x 1500px

Jajaja Esto me parece mucho mejor; todavía hay signos de compresión, pero se puede ver en la vista previa del 100% en la esquina, la escritura en el barco es mucho más clara y los bordes de los objetos tienen artefactos mucho menos visibles.

Resumen

Los sitios web de terceros siempre comprimirán nuestras imágenes, solo tenemos que encontrar la mejor manera de mostrarlas con estas restricciones. Sus pautas están ahí por una razón, pero eso no quiere decir que tener un juego no le dará mejores resultados.

Obteniendo los mejores resultados para las imágenes de alimentación

  • Cargue un tamaño grande (ish), idealmente entre 1500px-2000px
  • Ahorra en la máxima calidad posible
  • Reducir el tamaño del archivo con Guardar para Web

Obteniendo los mejores resultados para las imágenes de portada..

  • 3000px por 1000px funcionó bien para mí
  • Debe estar bajo 10MB 
  • Recortará, pero los resultados serán mucho mejores que el cambio de tamaño a los 1500px por 500px recomendados

Ver también

Facebook también comprime tus imágenes. Ayer vimos cómo obtener los mejores resultados para su línea de tiempo.