jpg images best image file-format

images - lossless image formats



¿Cuál es la diferencia entre la imagen "JPG"/"JPEG"/"PNG"/"BMP"/"GIF"/"TIFF"? (11)

Como otros han cubierto las diferencias, voy a golpear los usos.

TIFF generalmente es utilizado por escáneres. Hace grandes archivos y realmente no se usa en aplicaciones.

BMP no está comprimido y también genera archivos enormes. Tampoco es realmente usado en aplicaciones.

GIF solía estar en toda la web pero ha perdido vigencia ya que solo admite una cantidad limitada de colores y está patentado.

JPG / JPEG se usa principalmente para cualquier cosa que sea calidad fotográfica, aunque no para texto. La compresión con pérdida utilizada tiende a estropear las líneas definidas.

PNG no es tan pequeño como JPEG, pero no tiene pérdida, por lo que es bueno para imágenes con líneas nítidas. Es de uso común en la web ahora.

Personalmente, suelo usar PNG en todos los sitios donde puedo. Es un buen compromiso entre JPG y GIF.

He visto muchos tipos de extensiones de imagen pero nunca he entendido las diferencias reales entre ellos. ¿Hay algún enlace que explique claramente sus diferencias?

¿Hay normas que se deben tener en cuenta al elegir un tipo particular de imagen para usar en una aplicación? ¿Qué usamos para las aplicaciones web?


Debe tener en cuenta algunos factores clave ...

Primero, hay dos tipos de compresión: Lossless y Lossy .

Sin pérdida significa que la imagen se hace más pequeña, pero sin detrimento de la calidad. Pérdida significa que la imagen se hace (incluso) más pequeña, pero en detrimento de la calidad. Si guardó una imagen en formato Lossy una y otra vez, la calidad de la imagen empeoraría progresivamente.

También hay diferentes profundidades de color (paletas): color indexado y color directo .

Con Indexado , significa que la imagen solo puede almacenar una cantidad limitada de colores (generalmente 256) elegidos por el autor de la imagen, con Direct significa que puede almacenar muchos miles de colores que no han sido elegidos por el autor.

BMP - Sin pérdida / 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 en absoluto, lo que significa que se guardará ya que 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 realmente usa este formato.

Bueno para: Nada realmente. No hay nada BMP sobresale en, o no se hace mejor por otros formatos.

GIF - Sin pérdida / solo indexado

GIF usa compresión sin pérdida, lo que significa que puede guardar la imagen una y otra vez y nunca perder datos. Los tamaños de archivo son mucho más pequeños que BMP, porque realmente se usa una buena compresión, pero solo puede almacenar una paleta indexada. Esto significa que 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 realmente usado para sitios web.

JPEG - Lossy / Direct

Las imágenes JPEG fueron diseñadas para hacer que las imágenes fotográficas detalladas sean lo más pequeñas posible eliminando información que el ojo humano no notará. Como resultado, es un formato Lossy, y guardar el mismo archivo una y otra vez dará como resultado la pérdida de más datos a lo largo del tiempo. Tiene una paleta de miles de colores y es ideal para fotografías, pero la compresión con pérdidas significa que es malo para logotipos y dibujos: no solo se verán borrosos, sino que también tendrán un tamaño de archivo mayor que los GIF.

Bueno para: fotografías. Además, degradados.

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 (puede hacerlo, pero solo Firefox parece soportarlo, a diferencia de la animación GIF que es compatible con todos los navegadores). En segundo lugar, tiene algunos problemas de soporte con navegadores más antiguos como IE6. En tercer lugar, un software importante como Photoshop tiene una implementación muy pobre del formato. (¡Maldito seas, 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 es compatible con Alpha Transparency para archivos PNG-8. (¡Maldita sea, Photoshop!). Sin embargo, hay maneras de convertir Photoshop PNG-24 a archivos PNG-8 conservando su transparencia. Un método es PNGQuant , y otro es guardar sus archivos con Fireworks .

PNG-24 - Sin pérdida / directo

PNG-24 es un gran formato que combina la codificación Lossless con el color directo (miles de colores, al igual que JPEG). Es muy parecido a BMP en ese sentido, excepto que PNG realmente comprime 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 archivos 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, lo que mejora muy poco 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.

¡Espero que eso ayude!


En general, estos son:

Compresión sin pérdida Los algoritmos de compresión sin pérdida reducen el tamaño del archivo sin perder calidad de imagen, aunque no están comprimidos en un archivo tan pequeño como un archivo de compresión con pérdida. Cuando la calidad de imagen se valora por encima del tamaño del archivo, típicamente se eligen algoritmos sin pérdida.

Compresión con pérdida Los algoritmos de compresión con pérdida se aprovechan de las limitaciones inherentes del ojo humano y descartan la información invisible. La mayoría de los algoritmos de compresión con pérdida permiten niveles de calidad variable (compresión) y a medida que aumentan estos niveles, el tamaño del archivo se reduce. En los niveles de compresión más altos, el deterioro de la imagen se nota como "artefacto de compresión". Las imágenes a continuación demuestran el notable artefacto de los algoritmos de compresión con pérdida; seleccione la imagen en miniatura para ver la versión de tamaño completo.

Cada formato es diferente como se describe a continuación:

Los archivos JPEG JPEG (Joint Photographic Experts Group) son (en la mayoría de los casos) un formato con pérdida; la extensión de nombre de archivo de DOS es JPG (otros sistemas operativos pueden usar JPEG). Casi todas las cámaras digitales pueden guardar imágenes en formato JPEG, que admite 8 bits por color (rojo, verde, azul) para un total de 24 bits, produciendo archivos relativamente pequeños. Cuando no es demasiado grande, la compresión no afecta notablemente la calidad de la imagen, pero los archivos JPEG sufren degradación generacional cuando se editan y guardan de forma repetida. Las imágenes fotográficas pueden almacenarse mejor en un formato sin JPEG sin pérdidas si se vuelven a editar, o si los pequeños "artefactos" (imperfecciones causadas por el algoritmo de compresión de JPEG) son inaceptables. El formato JPEG también se utiliza como el algoritmo de compresión de imágenes en muchos archivos PDF de Adobe.

TIFF El TIFF (Formato de archivo de imagen etiquetada) es un formato flexible que normalmente guarda 8 bits o 16 bits por color (rojo, verde, azul) para totales de 24 bits y 48 bits, respectivamente, utilizando los nombres de archivo TIFF o TIF. . La flexibilidad del TIFF es a la vez bendición y maldición, porque ningún lector lee todo tipo de archivo TIFF. TIFF son con y sin pérdida; algunos ofrecen una compresión sin pérdidas relativamente buena para imágenes de dos niveles (blanco y negro). Algunas cámaras digitales pueden guardarse en formato TIFF, utilizando el algoritmo de compresión LZW para almacenamiento sin pérdidas. El formato de imagen TIFF no es ampliamente compatible con los navegadores web. TIFF sigue siendo ampliamente aceptado como un estándar de archivo de fotografía en el negocio de la impresión. El TIFF puede manejar espacios de color específicos del dispositivo, como el CMYK definido por un conjunto particular de tintas de impresión.

PNG El formato de archivo PNG (Portable Network Graphics) se creó como el sucesor libre y de código abierto del GIF. El formato de archivo PNG admite Truecolor (16 millones de colores) mientras que el GIF solo admite 256 colores. El archivo PNG sobresale cuando la imagen tiene áreas grandes y uniformemente coloreadas. El formato PNG sin pérdidas es el más adecuado para editar imágenes, y los formatos con pérdidas, como JPG, son mejores para la distribución final de imágenes fotográficas, porque los archivos JPG son más pequeños que los archivos PNG. Muchos navegadores antiguos actualmente no son compatibles con el formato de archivo PNG, sin embargo, con Internet Explorer 7, todos los navegadores web actuales son totalmente compatibles con el formato PNG. El entrelazado Adam7 permite una vista previa temprana, incluso cuando solo se ha transmitido un pequeño porcentaje de los datos de imagen.

GIF GIF (Graphics Interchange Format) está limitado a una paleta de 8 bits o 256 colores. Esto hace que el formato GIF sea adecuado para almacenar gráficos con relativamente pocos colores, como diagramas simples, formas, logotipos e imágenes de estilo de dibujos animados. El formato GIF admite animación y todavía se usa ampliamente para proporcionar efectos de animación de imagen. También utiliza una compresión sin pérdida que es más efectiva cuando las áreas grandes tienen un solo color e ineficaz para imágenes detalladas o imágenes difuminadas.

BMP El formato de archivo BMP (mapa de bits de Windows) maneja los archivos de gráficos dentro del sistema operativo Microsoft Windows. Normalmente, los archivos BMP no están comprimidos, por lo tanto, son grandes; la ventaja es su simplicidad, amplia aceptación y uso en programas de Windows.

Uso para páginas web / aplicaciones web

El siguiente es un breve resumen de estos formatos de imagen cuando los usa con una página web / aplicación.

  • PNG es ideal para IE6 en adelante (se requerirá un pequeño parche de CSS para que la transparencia funcione bien). Ideal para ilustraciones y fotos.
  • JPG es ideal para fotos en línea
  • GIF es bueno para ilustraciones cuando no deseas moverte a PNG
  • BMP no debe usarse en línea dentro de las páginas web: desperdicia ancho de banda


  • Fuente: Formatos de archivo de imagen


    Estos nombres se refieren a diferentes formas de codificar datos de imágenes de píxeles (JPG y JPEG son lo mismo, y TIFF puede incluir un jpeg con algunos metadatos adicionales).

    Estos formatos de imagen pueden usar diferentes algoritmos de compresión, diferentes representaciones de color, diferentes capacidades para llevar datos adicionales que no sean la imagen en sí, y así sucesivamente.

    Para aplicaciones web, diría que jpeg o gif es lo suficientemente bueno. Jpeg se usa con más frecuencia debido a su mayor relación de compresión, y gif se usa generalmente para la animación de peso ligero donde un flash (o algo similar) es una muerte excesiva, o lugares donde se desea un fondo transparente. También se puede usar PNG, pero no tengo mucha experiencia con eso. BMP y TIFF probablemente no sean buenos candidatos para aplicaciones web.


    La extensión de archivo le dice cómo se guarda la imagen. Algunos de esos formatos simplemente guardan los bits tal como están, algunos comprimen la imagen de diferentes maneras, incluidos los métodos sin pérdidas y con pérdidas. La Web puede decírtelo, aunque sé que algunos de los pacientes que responden los describirán aquí.

    La web favorece gif, jpg y png, principalmente. JPEG es el mismo (o muy cercano) a jpg.


    Lo que Coobird y Gerald dijeron.

    Además, JPEG es el nombre de formato de archivo. JPG es la extensión de archivo abreviado comúnmente utilizada para este formato, ya que necesita una extensión de archivo de 3 letras para sistemas Windows anteriores. Del mismo modo con TIFF y TIF.

    Los navegadores web en este momento solo muestran archivos JPEG, PNG y GIF, por lo que son los que se pueden mostrar en las páginas web.


    Los nombrados son todos gráficos de trama, pero además de eso, no olviden las imágenes vectoriales cada vez más importantes. Hay tipos comprimidos y sin comprimir (de una manera más o menos), pero no tienen pérdida. Lo más importante es:


    PNG admite transparencia de canal alfa.

    TIFF puede tener opciones extendidas, es decir, Geo referencia para aplicaciones GIS .

    Recomiendo solo usar JPEG para fotografías, nunca para imágenes como imágenes prediseñadas, logotipos, texto, diagramas, dibujos lineales.

    Favor de PNG.


    Para la diferencia especificada y el uso entre los diferentes formatos de imagen, ya tenemos una buena discusión.

    Sin embargo, quiero agregar algo para el proceso general de capturar una imagen y almacenarla.

    El proceso de captura

    O puede decir el proceso de construcción (ya que podemos dibujar o hacer fotografías con las computadoras ahora). Si toma una fotografía con una cámara, ya está utilizando muchos sensores (CCD o CMOS) y algoritmos (filtro de patrón Bayer, submuestreo y cuantificación, etc.). También hay cosas como Pixel Format y Color Space . Después de obtener la información básica de píxeles, debe haber una forma de almacenarlos.

    La estructura básica del archivo de imagen

    Para almacenar la información de los píxeles en un archivo, necesitamos una convención y algoritmos relacionados. Para ahorrar espacio, hay compresión, pero básicamente el problema es codificar los píxeles en bytes y decodificar los bytes en píxeles para su visualización.

    Un archivo de imagen típico puede estar formado por varias partes, básicamente dos: meta data or file header y pixel data section . Los meta data informan sobre la imagen en sí, tal vez la height y el width , file format , etc. Y la pixel data section es la section real que trata sobre la real picture .

    Almacenamiento y visualización

    Como dijimos anteriormente, los archivos se almacenan en el disco duro y están en bytes / bits. Por lo tanto, los archivos de imagen no tienen prioridad, sino también la transmisión de bytes en realidad. Para mostrar, tal vez deberíamos obtener algo para saber cómo funciona el monitor. Los monitores de PC típicos usan el modelo RGB para mostrar.

    Espero que esto ayude:-)


    Sí. Son diferentes formatos de archivo (y sus extensiones de archivo).

    Las entradas de Wikipedia para cada uno de los formatos le darán un poco de información:

    • JPEG (o JPG, para la extensión del archivo; Joint Photographic Experts Group)
    • PNG (Gráficos de red portátiles)
    • BMP (mapa de bits)
    • GIF (Formato de intercambio de gráficos)
    • TIFF (o TIF, para la extensión de archivo; Formato de archivo de imagen etiquetada)

    Los formatos de imagen se pueden separar en tres amplias categorías:

    • compresión con pérdida,
    • compresión sin perdidas,
    • sin comprimir,

    Los formatos no comprimidos ocupan la mayor cantidad de datos, pero son representaciones exactas de la imagen. Los formatos de mapa de bits como BMP generalmente no están comprimidos, aunque también hay archivos comprimidos BMP.

    Los formatos de compresión con pérdida son generalmente adecuados para fotografías. No es adecuado para ilustraciones, dibujos y texto, ya que los artefactos de compresión de la compresión se destacarán. La compresión con pérdida, como su nombre lo indica, no codifica toda la información del archivo, por lo tanto, cuando se recupera en una imagen, no será una representación exacta del original. Sin embargo, es capaz de comprimir imágenes de manera muy efectiva en comparación con formatos sin pérdida, ya que descarta cierta información. Un buen ejemplo de un formato de compresión con pérdida es JPEG.

    Los formatos de compresión sin pérdida son adecuados para ilustraciones, dibujos, texto y otros materiales que no se verían bien cuando se comprimen con compresión con pérdida. Como su nombre lo indica, la compresión sin pérdida codificará toda la información del original, de modo que cuando la imagen se descomprima, será una representación exacta del original. Como no hay pérdida de información en la compresión sin pérdida, no es capaz de lograr una compresión tan alta como la compresión con pérdida, en la mayoría de los casos. Ejemplos de compresión de imágenes sin pérdida son PNG y GIF. (GIF solo permite imágenes de 8 bits).

    TIFF y BMP son ambos formatos de "envoltura", ya que los datos internos pueden depender de la técnica de compresión que se utilice. Puede contener imágenes comprimidas y no comprimidas.

    Cuándo utilizar un determinado formato de compresión de imagen realmente depende de lo que se está comprimiendo.

    Pregunta relacionada: comprimir sin piedad imágenes grandes para la web


    JPG> Joint Photographic Experts Group

    1 imágenes JPG admiten 16 millones de colores y son más adecuadas para fotografías y gráficos complejos

    2 JPG no son compatibles con la transparencia.

    PNG> Gráficos de red portátiles

    1 Se usa como una alternativa al formato de archivo GIF cuando la tecnología GIF estaba protegida por derechos de autor y requería permiso para su uso.

    2 PNG permiten una compresión de 5 a 25 por ciento mayor que los GIF, y con una gama más amplia de colores. Los PNG usan un entrelazado bidimensional, lo que los hace cargar dos veces más rápido que las imágenes GIF ".

    3 Imagen que tiene muchos colores o requiere transparencia variable avanzada, PNG es el tipo de archivo preferido.

    GIF> Formato de intercambio de gráficos

    1 Reduce el número de colores en una imagen a 256.

    2 GIF también admiten transparencia.

    3 GIF tienen la capacidad única de mostrar una secuencia de imágenes, similar a videos, llamada un GIF animado.

    4 Si la imagen tiene pocos colores y no requiere ningún efecto de transparencia alfa avanzado, GIF es el camino a seguir.

    SVG> Gráficos vectoriales escalables

    1 SVG es un estándar web basado en XML que describe imágenes estáticas y animaciones en dos dimensiones.

    2 SVG le permite crear gráficos y animaciones de muy alta calidad que no pierden detalles a medida que su tamaño aumenta o disminuye.