WikiRoca:Cómo hacer que las imágenes pesen poco
Esta página pretende dar una serie de consejos para que cualquiera pueda obtener las imágenes de menos peso posible para subirlas al servidor.
Formatos
Lo primero que se debe saber es que los formatos de imágenes pueden (o no) admitir algún tipo de compresión de datos.
Los algoritmos de compresión de imagenes se clasifican en dos tipos básicos:
- algoritmo de compresión con pérdida|con pérdida de calidad y
- Algoritmo de compresión sin pérdida|sin pérdida de calidad.
Sin pérdida de calidad es fácil de comprender, la información es compactada, aunque conservada íntegramente, por lo que se puede recuperar la imagen original; pero ¿con pérdida? Se trata de formatos que se basan en modelos acerca de cómo el ojo humano capta imágenes y cuáles son sus limitaciones, eliminando así la información menos relevante para alcanzar grados mayores de compresión, y renunciando al mismo tiempo a la posibilidad de recuperar la imagen original. Los algoritmos con pérdida se utilizan porque existe un límite matemático a la posible compresión sin pérdida.
Los formatos de archivo más utilizados en la red son JPEG, GIF y PNG. Cada uno de ellos posee ventajas y desventajas que lo hacen adecuado para ciertos casos de uso y, a la vez, obsoleto para otros. La siguiente tabla ilustra las ventajas y desventajas básicas de cada uno.
| Formato | Tipo de compresión | Ventajas | Desventajas |
|---|---|---|---|
| JPEG | Con pérdida (algoritmo JPEG) |
|
|
| GIF (algoritmo LZW) | Sin pérdida, aunque limitado a 256 colores |
|
|
| PNG | Sin pérdida |
|
|
Debido los posibles problemas legales del formato GIF (véase la política de la FSF y http://burnallgifs.org ) y la superioridad del formato PNG para gráficos se desalienta fuertemente el uso del formato GIF para la WikiRoca.
Si la imagen es una fotografía
Se pueden guardar fotos tomadas con una cámara digital en JPEG y apenas ocupan espacio en memoria. Sin embargo, parte de la información se ha perdido en el proceso, y cada vez que se abra esa imagen y se le pida al ordenador que la guarde (no visualizarla, sino el acto de guardarla) volverá a perder un poco de calidad de la imagen. Tampoco es posible cambiar a un formato "sin pérdida" para recuperar la calidad perdida. Para estos casos conviene apegarse al formato JPEG, intentando obtener la mejor relación calidad/peso, pero no hay que cambiarse a otro formato.
Con JPEG el usuario decide cuanta información esta dispuesto a sacrificar, se pierde calidad y se gana menor peso del fichero. Se puede recomendar entre un 50 y un 70% para el compresor, pero si ves que puedes comprimirlo más sin perder calidad ¡adelante! Si la imagen no se ve bien con esta calidad, quizás deberías intentar otros formatos.
Antes se recomendaba subir imagenes del tamaño justo para desplegarla en la pantalla. Sin embargo, dado que las nuevas versiones de MediaWiki permiten determinar el tamaño de la fotografia en el articulo, y despliegan en la pagina de descripcion de la imagen una version reducida, a menos que se pida explicitamente lo contrario, se recomienda subir la version de la imagen con mayor resolución que se tenga (asi podria ser utilizada eventualmente en papel), con la salvedad de que no sea de mas de 2Mb.
Si la imagen es un dibujo
¡JPEG no es bueno para dibujos! Las simplificaciones que hace este algoritmo son desastrosas cuando tiene que vérselas con imágenes detalladas como textos, o con cualquier objeto con bordes definidos. Si ves cosas extrañas, como pelusillas o artefactos en su imagen, o bien la estás comprimiendo demasiado o JPEG no es el formato ideal para tu imagen.
GIF y PNG son casi intercambiables, ya que PNG fue diseñado como reemplazo de GIF. Recomendamos PNG encarecidamente, puesto que es un formato superior, es de uso libre y no tiene la amenaza de posibles problemas legales.
Tanto GIF como PNG tienen la posibilidad de trabajar con varias profundidades de color. En el caso del GIF comprimido, sólo hasta 256 colores en una paleta elegida de entre millones de posibilidades. Hay que tener en cuenta que si se graba una imagen GIF con toda la profundidad de color, el archivo ocupará más y no se habrá ganado más calidad.
No creas que los resultados son malos, sobre todo el gráficos y dibujos lineales, ya que cuando se usan tintas planas el número de colores empleados es muy reducido. En tal caso puedes elegir el número de colores que se ajuste al número de tintas utilizadas. A menos colores, un fichero más pequeño. En general, cualquier dibujo de tinta plana a una resolución de 8 bits (256 colores) debería ocupar bastante poco y, además, verse muy bien.
Pero además PNG puede trabajar con todo el rango de colores, por lo que serviría para imágenes que se quieran incorporar con una calidad excepcional, ya que al contrario que el JPEG utiliza un algoritmo sin pérdida de calidad.
Recuerda comprobar el tamaño de la imagen en píxeles y reducir la resolución si esta es exagerada (más de 500x500 px2 por ejemplo).
Tampoco se debe usar JPEG si se puede guardar la misma imagen con PNG en más o menos el mismo tamaño. Muchas veces ocupará menos con PNG (de esto se trata) y a veces no... si no es el caso, no somos puristas, usa alguno de los otros. El único problema de PNG es que no puede ser visualizado directamente por navegadores web antiguos.
Las imágenes generalmente rondan los 50KB (o menos). Siempre que tengas una imagen de más de 100KB deberías plantearte un buen trabajo de optimización. Para símbolos pequeños, es fácil conseguir tamaños de 1 a 4 k.
Para obtener la máxima compresión en archivos de formato PNG, existe un programa de software libre llamado OptiPNG, el cual puede reducir el tamaño de casi cualquier PNG (exceptuando aquellos ya optimizados) sin pérdida de calidad, hasta el límite matemático. OptiPNG se encuentra disponible para Linux y Windows y puede se desacargado de http://www.cs.toronto.edu/~cosmin/pngtech/optipng/ (documentación en inglés).
Se puede ver una colección de programas que pueden ayudar en el siguiente enlace: http://burnallgifs.org/#software
Todos los navegadores modernos admiten el formato PNG, aunque hay que tener en cuenta la conocida incapacidad de Internet Explorer de mostrar las transparencias de estas imágenes correctamente.
Sobre la edición de las imágenes para Internet
A pesar de haber elegido uno de los formatos anteriores para la publicación de imágenes en Internet (u otro medio con ancho de banda limitado), no se debe eliminar nunca la imagen original. Esta debería guardarse en un formato sin pérdida (o muy poca pérdida) y con 24 bits de profundidad.
Si más adelante necesitas cambiar la imagen deberás hacerlo desde el original. Si no guardas el original y haces tus modificaciones sobre la imagen de poco peso preparada para Internet, corres el riesgo de una pérdida de calidad progresiva.
Un clásico ejemplo que ilustra la necesidad de modificar una imagen en 24 bits de profundidad es el cambio de tamaño. Si intentas hacer más pequeña una imagen con una profundidad de 8 bits (256 colores), ésta se verá muy pixelada y se notará una grave pérdida de calidad.
Por el contrario, si usas la imagen original en 24 bits para cambiar el tamaño y posteriormente se guarda en el formato de 8 bits (256 colores), no existirá ninguna pérdida, obteniendo así una imagen más nítida y mucho menos pixelada.
Esto también es aplicable a las imágenes JPEG. Si la imagen que se guarda tiene un alto grado de pérdida, en cada modificación perderá algo de calidad. Si, por el contrario, parte siempre del original, sólo tendrá la pérdida correspondiente a la optimización de tamaño. También puede ser que con el paso del tiempo te interese guardar las imágenes con una mayor calidad (p.e. un mayor ancho de banda disponible). Si has guardado los originales tan sólo tendrás que guardar la imagen de nuevo en la calidad deseada. Si sólo tienes la imagen de poco peso, no existe ninguna manera de que recupere la calidad inicial.
Por todo ello es aconsejable guardar las imágenes originales. Una buena costumbre para llevar esto a cabo es tener en un directorio diferente los originales, para facilitar luego la subida de las imágenes a Internet.
Sobre los gráficos vectoriales
Actualmente la W3C (organización que produce estándares para Internet) ha desarrollado un formato de gráficos vectoriales libre de patentes denominado SVG (Scalable Vector Graphics). Sin embargo, esta tecnología está siendo implementada actualmente por unos pocos navegadores, haciéndola poco accesible para muchos visitantes cuyos navegadores no la soportan. Por esta razón el uso de gráficos vectoriales SVG no es recomendado.
En resumen
- Edita su imagen con tu editor de imágenes favorito
- Redimensiona la imagen al tamaño al que va a ser visualizada en el artículo.
- Grábala con un nombre de fichero descriptivo (nada de «IMG45665.png»)
- Si es una foto o un dibujo con mucho detalle y colores prueba con el formato JPEG. Guárdala con varios factores de compresión (entre 30 y 70%). Desecha las que tengan una calidad muy deficiente. Escoge la que menos pese del resto.
- Si es un dibujo, no uses el formato GIF, grábalo con el formato PNG. Prueba como en el caso anterior con varios factores de compresión y ajusta la paleta si el dibujo tiene un número de tintas planas reducido. Tambien se puede utilizar el programa optimizador que se recomienda más arriba.
- Tampoco está de más comparar el peso en formato PNG y JPEG. Elige el PNG si pesa menos o incluso un poco más que el JPEG.