Compresión de JPEG para Twitter: ¿Cómo crear la mejor calidad de imagen para publicaciones en Twitter?
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:



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!



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:



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:



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.



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:



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



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:



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:



¡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.
- Compresión de JPEG para Facebook: ¿Cómo obtener la mejor calidad de imagen para tu biografía? Por Marie Gardiner
¡Sé el primero en conocer las nuevas traducciones–sigue @tutsplus_es en Twitter!
