Formatos de imágenes para web

Uno de los documentos más interesantes que se puede utilizar en un documento HTML son las imágenes. Cuando se inserta una imagen en un documento HTML, dicha imagen debe existir en un formato electrónico determinado. Existen distintos formatos, los más utilizados en internet son:

Formato GIF

Fue desarrollado por CompuServe en 1987 (antes de la creación de HTML) para dotar de un espacio de imagen a color sus áreas de descarga de ficheros. Se hizo muy popular porque era más eficiente a la hora de comprimir la imagen que la compresión usada por los formatos PCX y MacPaint. Lo que implicaba el poder descargar imágenes de gran tamaño en un periodo de tiempo razonable. GIF es un formato sin pérdida de calidad para imágenes con hasta 256 colores. Para imágenes de más de 256 colores, debe de hacerse una adaptación reduciendo el número de colores, con la consecuente pérdida de calidad.

Existen distintas versiones como GIF87a o GIF89a que permiten definir un color como transparente, etc. Las últimas versiones permiten crear animaciones simples, aunque la compresión es de baja calidad. Permite también utilizar entrelazado y efecto de visualización progresiva.

Adobe Photoshop permite crear gifs animados fácilmente. Consisten en una animación creada a partir de varias imágenes en formato gif. A lo largo de una línea de tiempo se va formando, por ejemplo, la animación haciendo modificaciones a partir de la imagen inicial, de manera que el resultado final es una composición animada formada por varios fotogramas.

Formato JPEG

El formato de compresión jpeg fue estandarizado por ISO en agosto de 1990 y las primeras aplicaciones comerciales comenzaron a surgir en 1991. Su principal característica es que la cantidad de compresión puede ser ajustada para lograr la compensación deseada entre el tamaño del archivo y la calidad de visualización.

Jpeg progresivo es un medio para reorganizar la información de la imagen de manera que, después de haber descargado una pequeña parte de ella, puede verse aunque borrosa, la imagen entera en pantalla. Esto es parte de las especificaciones originales de jpeg, pero no fue implementada hasta 1996. Actualmente es el formato más usado para transmitir y almacenar archivos de fotos en la web. Sus principales características son:

Permite comprimir la imagen con 24 bits de profundidad (hasta 16,7 millones de colores).

Permite modificar el índice de compresión.

Al igual que el formato gif, permite también una visualización progresiva.

Como principal inconveniente tenemos que se trata de un algoritmo de compresión con pérdida, es decir, que al descomprimir la imagen no se obtiene exactamente la imagen original. Aunque casi no se aprecia.

El formato gif es ideal para imágenes tipo logos, iconos o banners, es decir, imágenes pequeñas con colores limitados, mientras que el formato jpeg es ideal para tratar las imágenes fotográficas o digitalizadas.

Formarto PNG

Fue desarrollado por Portable Network Graphics en 1995, se trata de un formato nuevo que surgió como respuesta a las limitaciones del formato gif, por ejemplo, el poder codificar imágenes con un número máximo de 256 colores cuando los ordenadores soportaban millones de colores. El png ganó mayor popularidad en 1999 cuando Unisys puso fin a su política de licencias de patentes, haciendo de él un software no sujeto a patentes.

Se caracteriza por su alto poder de compresión conservando una gran calidad. El W3C lo presenta como formato del futuro.

Fuente: este post proviene de este blog, donde puedes consultar el contenido original.
¿Vulnera este post tus derechos? Pincha aquí.
Creado:
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

TweetDeck, a diferencia de las otras herramientas que hemos visto, no es una aplicación web, sino de escritorio. Es una herramienta creada por Twitter para gestionar nuestras redes sociales. Es posibl ...

Twilert es una herramienta que nos permite hacer un seguimiento de las veces que alguien realiza una publicación con cualquier término que queramos rastrear como el nombre de una  marca, nuestro nombr ...

Recientemente ha habido un rumor de que Baidu, el más popular motor de búsqueda de China, estaba interesado en adquirir Yahoo. Robin Li, fundador y CEO de Baidu negó el rumor, diciendo que la compañía ...

Uno de los mayores errores que se pueden cometer en un negocio sería la creación de tu propio logotipo. En muchos casos, los propietarios de los negocios se aferran demasiado emocionalmente a su diseñ ...

Recomendamos

Relacionado

amino bat claves ...

¿Qué es una extensión de archivo de imagen? Las extensiones de archivo de imagen ayudan a tu equipo a entender el tipo de archivo. Las imágenes digitales vienen en varios formatos diferentes, y cada uno tiene su propia extensión de archivo. Esto puede parecer confuso al principio, pero tiene sentido una vez que entiendes lo que son las extensiones de archivos. Identificación. Una extensión de arch ...

Linux

es un conversor y redimensionador de imágenes por lotes gratuito y de código abierto. Con él, usted puede convertir rápida y fácilmente sus imágenes a y desde más de 100 formatos. Está basado en Qt4, lo que lo hace multiplataforma, y utiliza ImageMagick para manejar el trabajo pesado. Los formatos de imagen soportados incluyen JPEG, PNG, EXR, SVG, Postscript, TIFF, PDF y GIF. Converseen es fácil d ...

web 2.0 Servicios Web blogs ...

Comprime las imágenes de tu sitio web y aumenta la velocidad de carga. En notas anteriores, hemos hablado sobre la gran importancia que tiene el manejo de las imágenes en la comunicación de las ideas, a través de nuestro sitio web o blog. El material gráfico es de gran importancia hoy en día y que nos ayuda a crear mensaje más eficientes. Sin embargo el tener muchas imágenes en nuestro sitio web ...

general blogs herramientas ...

Comprime las imágenes de tu sitio web y aumenta la velocidad de carga. En notas anteriores, hemos hablado sobre la gran importancia que tiene el manejo de las imágenes en la comunicación de las ideas, a través de nuestro sitio web o blog. El material gráfico es de gran importancia hoy en día y que nos ayuda a crear mensaje más eficientes. Sin embargo el tener muchas imágenes en nuestro sitio web ...

técnica fotográfica raw

RAW (en inglés crudo) es un formato de archivo digital de imágenes que contiene la totalidad de los datos de la imagen tal como ha sido captada por el sensor digital de la cámara fotográfica . El formato RAW no suele llevar aplicada compresión (sea con o sin pérdidas) como ocurre con el popular JPEG, aunque en algunos casos sí se emplea. Debido a que RAW contiene la totalidad de los datos de la im ...

software raw dng ...

El formato RAW (negativo digital) que en inglés significa crudo es un archivo digital de imágenes que contiene la totalidad de los datos de la imagen tal y como ha sido captada por el sensor digital de la cámara fotográfica. El formato RAW (negativo digital) generalmente lleva aplicada compresión sin pérdidas. Debido a que contiene la totalidad de los datos de la imagen captada por la cámara y una ...

¿Quiere convertir algunas imágenes WebP que están almacenadas en su Mac a JPEG? Si es así, le gustará saber que puede hacerlo con bastante facilidad en su Mac. La mejor parte es que no tienes que instalar ningún software adicional en tu ordenador, ya que la función está disponible de forma nativa en macOS. WebP es un formato de imagen desarrollado por Google que utiliza la compresión con y sin pér ...

email Noticias ecommerce ...

Los mensajes de Email-Marketing nos llegan de dos formas diferentes; En HTML y en texto sin formato. Saber en que se diferencia y la ventaja de cada uno, puede significar una mejora significativa en la comunicación con nuestros clientes. Un email en HTML, es lo que normalmente se utiliza en empresas y organizaciones. Contienen imágenes, colores, formatos, y a menudo comienzan con una plantilla de ...

Artículos de diseño web

En el artículo de hoy os hablaremos de la importancia que tiene optimizar imágenes en WordPress para acelerar y mejorar los tiempos de carga, logrando así una experiencia de usuario más positiva. Sabemos la importancia que tienen las imágenes en las páginas webs, y es que gracias a estas se puede crear un contenido más visual y atractivo. Compaginar el texto con imágenes permite que el usuario no ...

Aplicaciones Personalización

Los GIFs son una de las grandes señas de identidad del Internet moderno, y ya hay un montón de redes sociales y servicios web que permiten usarlos como avatar. Así, podemos crear nuestro propio GIF directamente desde el móvil y usarlo, por ejemplo, como imagen de perfil en nuestra cuenta de Google. En el fondo, un GIF no es más que un archivo “animado” que está a medio camino entre una imagen y un ...