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

general diseño web hazmeweb

Formatos de Imagen para web

Las imágenes son un componente muy importante de nuestra web/blog harán que sea mas vistosa y más agradable para la vista, pero en ocasiones pueden resultar una pesadilla a la hora de elegir las adecuadas y elegir el formato en el que debemos insertarlas. Vamos a intentar aclarar un poco los formatos mas habituales, las características y las ventajas de cada uno. Formatos mas habituales de imagen. ...

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

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

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

rendimiento

Mejora el rendimiento de tu web optimizando sus imágenes

Optimizar las imágenes, en términos de rendimiento web consiste en hacer que, sin perder su calidad, ocupen menos espacio en KB para que su descarga desde el servidor al navegador del cliente sea lo más rápida posible. Analizaremos varias formas de optimización de imágenes. En Diarios de la nube vamos a ir ayudándote a resolver distintos puntos importante para mejorar el rendimiento de tu sitio we ...

Emprender Negocio On-line bancos de imágenes ...

Elegir las imágenes para tu Web / Blog

¿Por qué insertar imágenes en tu Web? Como ya habrás escuchado muchas veces, una imagen vale más que mil palabras. Siempre llama más la atención una página Web con imágenes que vayan acompañando los textos. Si quieres que tu Web y Blog, luzcan profesionales y que atraigan la atención de tus lectores (potenciales clientes), te tendrás que trabajar la parte visual de tus páginas y artículos. Cuando ...

general propuestas

Inserta las recomendaciones para móviles de Google+ en tu web o Blog

Las recomendaciones para móviles son una funcionalidad que Google pone a disposición de los usuarios de páginas Google+ para presentar a los usuarios que se conecten a nuestra web con un móvil nuestras entradas más populares. Veamos paso a paso cómo insertar las recomendaciones para móviles en nuestro web o Blog. ¿Qué son y qué aspecto tienen las recomendaciones para móviles? Podrás observar en ...

compresor de imágenes vía web técnica fotográfica

Impresionante compresor de imágenes vía web

TinyPNG es un nuevo servicio gratuito de compresión de imágenes online que, vistas sus características técnicas y su sencillez de uso va a plantar cara a otros servicios similares.Con tan sólo visitar su web y arrastar la imagen al recuadro señalado, el panda se encargará de adelgazar los kilobytes de las imágenes SIN PÉRDIDA DE CALIDAD hasta un 60% gracias a una serie de complejos algoritmos de c ...

Posicionamiento Web elegir imagenes web optimizar imagenes para seo

Cómo elegir y optimizar imágenes para tu web

Bienvenid@ a un nuevo post de Coach2Coach. Cómo elegir y optimizar imágenes para tu web Cuando en diseño web nos referimos al contenido, no estamos hablando solamente de los textos. El contenido web es todo aquello que un usuario puede ver en una página e identificar. El contenido web, por tanto, incluye imágenes, vídeo e infografías (al fin y al cabo, imágenes). Como ya sabrás, el contenido web t ...