Students Save 30%! Learn & create with unlimited courses & creative assets Students Save 30%! Save Now
Advertisement
  1. Photo & Video
  2. Post-Processing
Photography

Compresión de JPEG para Twitter: ¿Cómo crear la mejor calidad de imagen para publicaciones en Twitter?

by
Difficulty:BeginnerLength:ShortLanguages:
This post is part of a series called Image Compression for Photographers.
Facebook JPEG Compression: How to Get the Best Image Quality on Your Timeline

Spanish (Español) translation by Santiago Carnago (you can also view the original English article)

Para las imágenes de tus tweets, al parecer, Twitter no restringe tanto como lo hace Facebook. Por lo tanto, publicar una imagen de una calidad decente en una cuenta de Twitter debería ser relativamente fácil. Pero, es un poco más complicado de lo que puedas imaginar. En este consejo rápido (Quick Tip) vamos a ver cómo podemos mostrar imágenes en JPEG de la mejor manera posible.

Imágenes para publicaciones en Twitter

Twitter nos sugiere cumplir los siguientes lineamientos:

Líneamientos de twitter
Líneamientos de Twitter

En este consejo rápido nos centraremos en el uso de JPEG así que todos los ejemplos estarán en este formato. Al parecer, con un límite de 5 MB por imagen tenemos mucho más espacio para jugar que el que ofrece Facebook. Pero ¿Es necesariamente este el caso? un fichero de 5MB podría ser comprimido por Twitter lo mismo a un archivo de 3MB que a uno de 1MB con diferenetes variaciones y estados de distorción. ¡Vamos a verlo!

Imagen de ejemplo
Nuestra imagen de ejemplo

He cargado tres versiones de la imagen de ejemplo a mi cuenta de Twitter; un fichero de 3000px (4.2MB), un fichero de 2000px (2.2MB) y otro fichero de 1000px (734kb). Así es como se ven:

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

He guardado cada imagen desués que han sido auto-redimensionadas por Twitter a 600px (sólo es posible guardar la vista previa, pero realicé capturas de pantalla de las versiones en vista completa que observa arriba). Note que los tamaños de los archivos obtenidos fueron muy interesantes.

La imagen de 3000px 4.2MB se convirtió en 47.2kb, la de 2000px 2.2MB en 47.5kb y la de 1000px 734kb en 52.4kb. Así, ahora la mayor de las imágenes ha pasado a ser la de menor tamaño. Interesante cuando se mira el nivel de compresión en cada una. La imagen más grande tiene algunos defectos propios de la compresión, pero también ha perdido mucha nitidez en toda la imagen. El fichero más pequeño es ahora el archivo más grande, pero la compresión es muy pronunciada alrededor de los contornos de las personas. 

Tal como vimos en el caso de Facebook, parece ser que las imágenes más grandes son un poco mejores; pero no demasiado grandes. Por mi propia experiencia, imágenes entre los 1500-2000px son justamente las mejores y si puedes reducir el tamaño del archivo empleando la opción de Guardar para la web en Adobe Photoshop, entonces es mucho mejor.

Fotos de Cabecera

Este es mi ejemplo:

Cabecera de prueba
Cabecera de ejemplo

Cargando una imagen de alta resolución

Primeramente, voy a probar con una imagen de alta resolución, 5000px de ancho y 8MB – el tamaño máximo permitido por Twitter es de 10MB por archivo.

Cabecera de Twitter de alta resolución
Cabecera de Twitter a gran resolución

Eso se ve bastante bien para mí. Se ha redimensionado a una imagen más pequeña, pero como era una imagen de alta resolución, está bien. Puedes ver que hay muy pocos defectos visibles del proceso de compresión.

Estaba presumiendo demasiado, hasta que hice clic en guardar:

Despues de guardar
El resultado de la compresión después de guardar fue muy malo

La compresión se ejecutó después de guardar una imagen que parecía verse muy bien. Ahora puedes observar la compresión en los bordes y una pérdida global de nitidez

¿Y qué pasa si subimos la misma imagen pero antes cambiamos su tamaño según las recomendaciones de Twitter a 1500 x 500 px?

Carga de imagen siguiendo el tamaño recomendado por Twitter

Tamaño recomendado para la cabecera de twitter
Cabecera según tamaño recomendado por Twitter

La imagen ha sido recortada como lo hizo anteriormente pero ahora la compresión no es tan mala. Aquí puedes ver las comparaciones lado a lado:

comparaciones al 100%
Comparación de la imagen en alta resolución y la de tamaño recomendado por Twitter al 100%

Se puede observar la pérdida de definición en ambos casos, pero en el de la izquierda es mucho peor, con una distorsión muy visible, especialmente alrededor de las letras en el barco.

Y si...

La imagen que sigue las recomendaciones de Twitter claramente funcionó mucho mejor que la imagen de alta resolución, pero, me preguntaba; ¿Qué pasa si tomo el tamaño recomendado, mantengo la relación de aspecto pero doblo el tamaño? Así que creé una nueva imagen de 3000px por 1000px y probé nuevamente:

Relación de aspecto de la cabecera de twitter duplicada
Prueba doblando el tamaño recomendado por Twitter, 3000 x 1500px

¡Ajá! esto luce mucho mejor para mi; todavía existen señales de compresión, que se pueden ver en las esquinas de la vista previa al 100%, pero las letras en el barco son mucho más claras y los bordes de los objetos tienen defectos de compresión menos visibles.

Resumen

Los sitios web de terceros siempre van a comprimir nuestras imágenes, sólo tenemos que encontrar la mejor forma posible de mostrárlas con estas restricciones. Sus directrices están ahí por una razón, pero no quiere decir, que no puedas jugar con ellas para obtener mejores resultados.

Obteniendo los mejores resultados para imágenes en los tweets

  • Carga una imagen de mayor tamaño, idealmente entre 1500px - 2000px
  • Guarda tu imagen en la máxima calidad posible
  • Reduce el tamaño del fichero empleando "Guardar para la Web" en Photoshop

Obteniendo los mejores resultados para imágenes de portada en Twitter

  • 3000px por 1000px funcionó muy bien para mi
  • El tamaño debe ser menor a 10MB
  • La imagen será recortada pero el resultado final será por mucho, mejor que recortar la imagen al tamaño recomendado de 1500px por 500px

Ver además

Facebook también comprime las imágenes. Ayer vimos cómo obtener los mejores resultados para su biografía.

¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!

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.