Debe tener en cuenta algunos factores clave ...
Primero, hay dos tipos de compresión: sin pérdida y con pérdida .
- Sin pérdida significa que la imagen se hace más pequeña, pero sin perjudicar la calidad.
- Pérdida significa que la imagen se hace (incluso) más pequeña, pero en detrimento de la calidad. Si guarda una imagen en un formato con pérdida una y otra vez, la calidad de la imagen empeorará progresivamente.
También hay diferentes profundidades de color (paletas): color indexado y color directo .
- Indexado significa que la imagen solo puede almacenar un número limitado de colores (generalmente 256), controlados por el autor, en algo llamado Mapa de colores
- Directo significa que puede almacenar miles de colores que no han sido elegidos directamente por el autor.
BMP : sin pérdidas / indexado y directo
Este es un formato antiguo. No tiene pérdida (no se pierden datos de imagen al guardar), pero también hay poca o ninguna compresión, lo que significa que guardar como BMP da como resultado tamaños de archivo MUY grandes. Puede tener paletas de indexado y directo, pero eso es un pequeño consuelo. Los tamaños de archivo son tan innecesariamente grandes que nadie usa realmente este formato.
Bueno para: nada realmente. No hay nada en lo que BMP sobresalga, o otros formatos no lo hacen mejor.
GIF : sin pérdida / solo indexado
GIF utiliza compresión sin pérdidas, lo que significa que puede guardar la imagen una y otra vez y nunca perder ningún dato. Los tamaños de archivo son mucho más pequeños que BMP, porque en realidad se utiliza una buena compresión, pero solo puede almacenar una paleta indexada. Esto significa que para la mayoría de los casos de uso , solo puede haber un máximo de 256 colores diferentes en el archivo. Eso suena como una cantidad bastante pequeña, y lo es.
Las imágenes GIF también pueden ser animadas y tener transparencia.
Bueno para: logotipos, dibujos lineales y otras imágenes simples que deben ser pequeñas. Solo se usa realmente para sitios web.
JPEG : con pérdida / directa
Las imágenes JPEG fueron diseñadas para hacer imágenes fotográficas detalladas lo más pequeñas posible al eliminar información que el ojo humano no notará. Como resultado, es un formato con pérdida, y guardar el mismo archivo una y otra vez dará como resultado que se pierdan más datos con el tiempo. Tiene una paleta de miles de colores, por lo que es ideal para fotografías, pero la compresión con pérdida significa que es malo para logotipos y dibujos lineales: no solo se verán borrosos, ¡sino que esas imágenes también tendrán un tamaño de archivo más grande en comparación con los GIF!
Bueno para: fotografías. Además, gradientes.
PNG-8 - Sin pérdida / indexado
PNG es un formato más nuevo, y PNG-8 (la versión indexada de PNG) es realmente un buen reemplazo para los GIF. Lamentablemente, sin embargo, tiene algunos inconvenientes: en primer lugar, no puede admitir animaciones como GIF (bueno, sí, pero solo Firefox parece admitirlo, a diferencia de la animación GIF que es compatible con todos los navegadores). En segundo lugar, tiene algunos problemas de soporte con navegadores antiguos como IE6. En tercer lugar, un software importante como Photoshop tiene una implementación muy pobre del formato. (¡Maldita sea, Adobe!) PNG-8 solo puede almacenar 256 colores, como GIF.
Bueno para: Lo principal que PNG-8 hace mejor que los GIF es tener soporte para Alpha Transparency.
Nota importante: Photoshop no admite Transparencia alfa para archivos PNG-8. (¡Maldita sea, Photoshop!) Sin embargo, hay formas de convertir Photoshop PNG-24 en archivos PNG-8 manteniendo su transparencia. Un método es PNGQuant , otro es guardar sus archivos con Fireworks .
PNG-24 - Sin pérdidas / Directo
PNG-24 es un gran formato que combina la codificación sin pérdida con el color directo (miles de colores, como JPEG). Es muy parecido a BMP en ese sentido, excepto que PNG realmente comprime las imágenes, por lo que resulta en archivos mucho más pequeños. Lamentablemente, los archivos PNG-24 seguirán siendo mucho más grandes que los JPEG, GIF y PNG-8, por lo que aún debe considerar si realmente desea usar uno.
Aunque los PNG-24 permiten miles de colores mientras tienen compresión, no están destinados a reemplazar imágenes JPEG. Una fotografía guardada como PNG-24 probablemente sea al menos 5 veces más grande que una imagen JPEG equivalente, con muy poca mejora en la calidad visible. (Por supuesto, este puede ser un resultado deseable si no le preocupa el tamaño del archivo y desea obtener la mejor calidad de imagen posible).
Al igual que PNG-8, PNG-24 también admite transparencia alfa.
SVG - Sin pérdidas / Vector
Un tipo de archivo que actualmente está creciendo en popularidad es SVG, que es diferente de todo lo anterior en que es un formato de archivo vectorial (los anteriores son todos de trama ). Esto significa que en realidad se compone de líneas y curvas en lugar de píxeles. Cuando acercas una imagen vectorial, aún ves una curva o una línea. Cuando acercas una imagen ráster, verás píxeles.
Por ejemplo:
Esto significa que SVG es perfecto para logotipos e iconos que desea conservar la nitidez en las pantallas Retina o en diferentes tamaños.
Además, los archivos SVG se escriben usando XML, por lo que pueden abrirse y editarse en un editor de texto, para que pueda manipularse sobre la marcha, si lo desea. Por ejemplo, podría usar JavaScript para cambiar el color de un ícono SVG en un sitio web como si fuera texto (es decir, no necesita una segunda imagen).
¡Espero que eso ayude!
