Diferencias entre JPG y GIF

[Rasta]

Diferencias entre JPG y GIF

El mal uso de los formatos JPG y GIF reducen la optimización de una web en la Red. Con esta poca informacion se puede aprender su manejo y sus diferencias.

Con la proliferación de la denominada web 2.0, cada día son más personas las que se aventuran a aportar su pequeño granito de arena en Internet. Esta democratización del acceso a los medios como editor tiene su ventaja en la infinita diversidad de contenidos, pero también su contrapunto en la dudosa calidad de algunos de ellos. En el plano puramente gráfico, es común entre los newbies confundir los diferentes tipos de imágenes que pueden mostrarse en la web, por eso es conveniente conocer al menos las dos principales: JPG y GIF.
Archivos de imagen, ¿cuál funciona mejor en Internet?

Es frecuente que la explicación de las diferencias entre el JPG y el GIF termine en una pregunta clásica por parte del lector: "Entonces, ¿cuál es mejor?" La respuesta, obviamente, es un rotundo "depende".

Si queremos trabajar con fotografías, la opción que más conviene es el archivo JPG, mientras que el GIF se usará para otros menesteres, ya sean logotipos, ilustraciones o animaciones. Este esbozo puede servirnos para hacernos una idea aproximada, pero es preciso conocer mejor a cada uno de los protagonistas.
JPG (o JPEG), el rey de la fotografía

Es frecuente, entre aquellos que se aventuran en la publicación de material propio en la Red, tratar de publicar fotografías. Muchas de las webs especializadas en este tipo de contenidos (Picassa, Flickr o incluso Facebook) reducen automáticamente el tamaño de las imágenes, les quitan 'peso'. Una cámara digital obtiene instantáneas que pueden superar ampliamente el megabyte de tamaño, un "peso" inviable para ser publicado en Internet, al ralentizar considerablemente la carga de la página.

El archivo JPG no es sino un formato de compresión, un modo de guardar y publicar la misma información -o casi- reduciendo considerablemente su tamaño. Este tipo de 'resumen' de la fotografía conserva los datos que más le interesan del original e inventa los demás, procurando que la invención sea armónica. Es decir, si el compresor ve un píxel rojo, interpreta que los que estén cerca tendrán algo de rojo. Esto es perfecto para comprimir fotografía, puesto que las reglas de compresión del JPG se adaptan muy bien al formato -por algo lo crearon-.

La compresión JPG admite además diferentes grados. En Photoshop podremos ver estos niveles en el menú "guardar para web". A mayor compresión, peor calidad de la imagen y, claro está, menor peso del archivo. Esta pérdida de calidad no se notará, sin embargo, en un desenfoque en la imagen, sino en la aparición de 'artefactos': zonas de píxeles fuera de lugar, invasiones de unas zonas de color sobre otras.

Este efecto, poco agradable a la vista, será más visible en las zonas con colores planos -una pared lisa, un cielo azul-, aunque en general toda la imagen sufrirá la devastación de una compresión excesiva. Jugar con el grado de calidad que otorgamos al JPG en el menú "guardar para web" de Photoshop nos llevará a la relación correcta entre peso y calidad.
GIF, el señor de los colores planos

No todo en la Red, sin embargo, son fotografías. A menudo nos encontraremos con la posibilidad de publicar logotipos o ilustraciones con colores planos, así como elementos decorativos para la maquetación en HTML. Es en estas situaciones cuando entra en juego el formato GIF.

Este tipo de archivo utiliza otro modo de compresión, mucho más básico, pero más efectivo en los ejemplos mencionados. El formato GIF selecciona los colores más abundantes en la imagen, hasta un máximo de 256, y los memoriza sólo a ellos. Una fotografía puede contener millones de colores diferentes, por lo que reducirla a 256 creará en ella un efecto artificial, similar al de los antiguos juegos de ordenador.

Por contra, si queremos publicar un logotipo que sólo contiene cuatro colores planos (sin degradados), la opción de guardar como GIF nos permitirá mostrar ese mismo archivo con mayor definición que si lo hiciéramos en JPG, y además con un peso menor. La compresión guardará sólo la información de qué colores existen (desde 2 y hasta 256) y dónde debe ir situado cada uno. Apenas unos kilobytes.

El formato GIF, además, nos permite realizar un par de triquiñuelas que el JPG no puede afrontar. Una de ellas es la posibilidad de crear una zona transparente. Uno de los 256 colores que el archivo GIF recuerda puede ser el 'color transparente', lo cual permite ver aquello que se encuentra por detrás de la zona elegida como transparente. Esto significa, si lo pensamos bien, que el archivo no tiene por qué ser rectangular, como ocurre con el JPG.

Por último, el GIF tiene la práctica aplicación de poder crear animaciones sencillas. Con este tipo de archivo podemos publicar una secuencia de fotogramas que se suceden, lo cual resulta muy práctico, por ejemplo, para crear un banner publicitario o para hacer un pequeño extracto de un vídeo. Como siempre, tendremos el inconveniente de la limitación de colores, y la pega añadida de que el peso aumentará en función de la cantidad de fotogramas.

No existe, por lo tanto, un formato idóneo para la publicación de imágenes en Internet. El truco consiste en conocer los tipos de archivos existentes y saber cuál se ajusta mejor a las necesidades del usuario.

[Maitro...]

Te quedo bonito el Copy/Paste

Solo te falto la fuente, porque me imagino que leiste El copyright y ya pediste el respectivo permiso

El copyright del artículo Diferencias entre JPG y GIF, los archivos básicos de Internet, publicado en Internet pertenece a Javier Sánchez. Es necesario el consentimiento expreso de su autor para la publicación o reproducción, parcial o total, a través de medios impresos, online o a través de cualquier otro medio o formato de Diferencias entre JPG y GIF, los archivos básicos de Internet. 

Código: [Seleccionar]

http://internet.suite101.net/article.cfm/jpg-y-un-gif-los-archivos-bsicos-de-internet

Otros Articulos de Interes:

Archivos GIF, JPG y PNG en páginas webs

Código: [Seleccionar]

http://www.informatica-hoy.com.ar/internet/Archivos-GIF-JPG-y-PNG-en-paginas-webs.php

¿JPG, GIF o PNG: cuál es el formato de imagen más utilizado en Internet?

Código: [Seleccionar]

http://www.abadiadigital.com/articulo/jpg-gif-o-png-cual-es-el-formato-de-imagen-mas-utilizado-en-internet/
Formatos Graficos para Web

Código: [Seleccionar]

http://www.caletamundo.com/2010/04/17/formatos-graficos-para-web.html
Opciones de Formato

Código: [Seleccionar]

http://www.yomaster.com/formatos.htm

[Rasta]

Si tenes razon, me falto la fuente , y tambien las imagenes, Gracias por agregarla y la aclaracion....

PD. Si hay algun problema con el tema favor borrar/unir/modificar...  Saludos.

[salvadoresc]

Otros Articulos de Interes:

hey que paso con apoyar lo nacional

aca en svc tambien se ha hablado del tema
http://www.svcommunity.org/forum/articulos/pixeles-al-desnudo-formatos-de-imagen-para-la-web/
lo mismo aca>
http://pixelesaldesnudo.com/mapas-de-bits/formatos-de-imagen-para-la-web/

[ENIGMAXG2]

Para web me quedo con el PNG (el que no lo soporte el IE vale v..) pero es el que tiene mejor relación tamaño-calidad y no tiene las pegas de las patentes, por lo que tenés más libertad al usarlo. Y con utilidades como PNG Crush los hacés incluso menos pesados y la página cargará en menos tiempo.

[salvadoresc]

Para web me quedo con el PNG (el que no lo soporte el IE vale v..) pero es el que tiene mejor relación tamaño-calidad y no tiene las pegas de las patentes, por lo que tenés más libertad al usarlo. Y con utilidades como PNG Crush los hacés incluso menos pesados y la página cargará en menos tiempo.

no es mas liviano el png eso te lo puedo asegurar, para muchas cosas el jpg es superior y la calidad es buenisima y si la imagen tiene pocos colores un GIF sera lo mejor, cada formato esta disenhado para algo en particular, en lo personal solo uso PNG cuando quiero transparencias con canales ALFA... de lo contrario no. incluso transparencias normales es mejor con GIF

[Jarthur]

me gusto el articulo. por demas que uno busque info a veces es mejor que alguien mas se tome la molestia de aportar.