Idea guardada 0 veces
Sé la primera persona en valorar esta idea Valorar

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í.
¿Qué te ha parecido esta idea?

Esta idea proviene de:

Y estas son sus últimas ideas publicadas:

TweetDeck, la herramienta oficial de Twitter

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 para supervisar contenidos en Twitter

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 ...

Baidu: El Google chino

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 ...

Por qué no debo diseñar mi propio logo

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 ...

PictureHack robar Imágenes de una pc hacia la USB

¿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

Cómo convertir y redimensionar imágenes por lotes con Converseen

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 ...

técnica fotográfica raw

¿Qué es y para qué sirve el formato 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 ...

web 2.0 Servicios Web blogs ...

Herramientas para comprimir las imágenes de tu sitio web.

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 ...

Herramientas para comprimir las imágenes de tu sitio web.

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 ...

Instagram

Descubre las mejores webs para convertir imagen a PDF

Agregar una imagen en formato JPG a un documento en formato PDF puede llegar a ser un poco difícil. Es por eso que se han desarrollado muchos software para convertir imagen a PDF. Convertir las imágenes a formato pdf es muy útil si se desea imprimir como documento. Usar un convertidor es la manera más rápida de realizar el procedimiento. En el siguiente post te presentamos las aplicaciones en líne ...

general programas-edición comprimir imagenes ...

Reduce el peso de tus fotos con Compressor

Compressor.io es una web que ofrece una herramienta para reducir de forma considerable el peso de tus fotografías. A modo de ejemplo subí una fotografía y la reducción fue del 81% como podrás ver más abajo. Los formatos de imágenes permitidos son JPEG, PNG,GIF;SVG. Puedes descargarla al ordenador o bien subirlos a un almacenamiento online dropbox o google drive La barra blanca te permite ver el an ...

Diseño Diseño de Imagen Herramientas ...

Cómo mejorar la calidad de imagenes que subes en Facebook

¿Te desagrada ver que subes una imagen en Facebook y se reduce la calidad considerablemente? Pues en este artículo podrás saber Cómo mejorar la calidad de las imágenes que subes en Facebook. Te compartiré: formatos y el tamaño apropiado que deben tener tus imágenes, la herramienta online desde donde podrás comprimirlas fácilmente y algunos tips que aplico cuando diseño banners para Facebook. Cómo ...

software raw dng ...

Básicos de Fotografía: el formato RAW (negativo digital)

RAW (en inglés significa crudo) es un formato de 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 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 mayor profundidad de color (por lo gene ...

email Noticias ecommerce ...

4 Ventajas del HTML en el Email Marketing

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 ...