Consejos sobre las imágenes Gif, Png, Jpg …

Un artículo de ... manu Comments

8 Comentarios

Que debemos tener en cuenta…???

Creo que debemos recordar que tanto las imágenes como el texto, u otras cosas que incluimos entre el código de nuestras páginas Web, son elementos In-line…

Quiero decir qué las imágenes se posicionan, tal y como lo escribimos, igual que las lineas de texto u otro elemento en un documento cualquiera, si no se le asigna un valor diferente. Personalmente creo una buena opción manejar y colocar las imágenes dentro de un parrafo. Es bueno aconsejar a todos que no incluyan imágenes de grandes dimensiones, pues los navegadores tardarán en mostrarla dependiendo del tamaño que tenga esta.

Muchos nos preguntamos que formato puedes ser el correcto para colocar una imagen en una página web, pero a mi modo de ver las cosas, y dependiendo de las diferencias que hay entre los formatos más útilizados en Internet, (gif-png-jpg), creo que todos son formatos correctos, sucede que unos por defecto llegan a pesar más de cara a los navegadores por las diferencias de pixeles que los componen.

Son muy útilizados los formatos que permiten transparencia, como el formtao GIF y PNG, y no así permite el formato JPG la transparencia en sus imágenes, y esa puede ser una de las razones por la que hay veces que se útiliza menos este formato. A todos nos gusta ver bonitas imágenes e impactantes en las páginas web, por que ellas hablan y transmiten en breve algo que queremos decir o mostrar.

Esto como comentario, noto en algunas web que en vez de emplear para los barner el modo SWF de Flash tan de moda, útilizan muy mejorados Gifs animados. Quizas por que piensan que serán mejor indexados los Gifs, o por no sobrecargar las páginas con archivos de Flash, igual es más comodo hacerlos en Gif. Esto como comentario, igual lo habeis notado como yo, y desde luego que hay bonitos trabajos en Internet, hay que reconocerlo.

Diferencias entre los formatos más útilizados…

Hablemos un poco sobre los pixeles y comprimido de las tres extensiones más útilzadas;
algunos formatos… PNG … JPG … GIF …

Optimización-Formato	PNG	GIF	JPG
Tolera transparencia en las imágenes	Si	Si	No
Tiene perdida en la compresión	No	No	Si
Escala de colores que permite	Millones	256	16 Mill.
Permite crear animación con imágenes	No	Si	No
Peso en Mb general del archivo	Alto	bajo	Medio
Compatibilidad con los navegarores áctuales	Si	Si	Si
Nivel de compresión de fotografías	Bajo	Bajo	Alto
Nivel de compresión de Dibujos	Alto	Alto	Bajo
Utilización en Páginas Web en Internet	Si	Si	Si

Estos son datos recogidos sobre los formatos para las imágenes Jpg, png, y Gif.
Sabemos que existen otros formatos menos útilizados como el “Tiff”, “Bitmap” y otros más, pero si quieres ir un poco más lejos técnicamente con el tipo de canales, escalas, mapas de bits etc etc, deberás acudir a Internet para búscar esa información, puesto que los ejemplos que te pongo en la tabla son más bien para sacar tus propias conclusiones, y así igual te ayuda a decidir que tipo de formato puede ser el correcto para las imágenes de tu web, pero seguro que como todos los que las útilizamos para las páginas Web, prácticamente útilizamos todos los formatos.

Arriba Volver

Etiquetas: Consejos, Gif, imágenes, Jpg, Png

Temas Relacionados;

Sobre el autor: manu

8 Comentarios Añadir un comentario

manu 27 marzo, 2010 a las 0:32

Hola, vikerweb…
Claro, png es el más multicolor de los que he nombrado, y cada vez mucho más útilizado* teniendo en cuenta el gran esfuerzo (entre “”) que hacen los de Raimond con IE.

el formato .png es excelente y usar .jpg para imagenes (una galeria de fotos, por ejemplo).

Creo estar de acuerdo en parte contigo, pero creo que casi todo tiene una segunda opción válida.

*Lo comento por las nuevas actualizaciones de los navegadores y la compatibilidad en los “PNG” de cara a IE.

Bueno, gracias por tu participación
manu
vikerweb 26 marzo, 2010 a las 16:44

Bueno estaría bien comentar que para imagenes de fondo, iconos, logos etc etc el formato .png es excelente y usar .jpg para imagenes (una galeria de fotos, por ejemplo).

Y como no , el por culo que da trabajar con .png´s en el querido IE6.

Un saludo.
Michan 19 marzo, 2010 a las 15:13

Ei a ver cuando haces una entradita, que ya hace 2 semanas que no tocas nada… bueno, casi nada..
Saludos
Michan 17 marzo, 2010 a las 20:17

Hola manu!
Tambien te doy otro consejillo, pon una pequeña parte de entretenimiento, algo mas de lo que tenias antes, ponle una seccion de deportes, de videos, de humor… cosas asi creo que gustan
Ademas de que sea webmaster siempre esta muy bien algo asi… asi como para desconectar y tal…
Saludos
manu 15 marzo, 2010 a las 23:09

Hola michan gracias por tus consejos, creo que funciona mejor como lo planteas tú.
En cuanto a la plantilla, creo que podré decir que es algo personalizado, y que es de esta web… para tod@s.
Ahora me encuento poniendo algunos menús diferentes, y creo que dentro de poco podré mostrarla.
Pero esta vez, si seguiré tus consejos.. si no no se hace bulto.

!Chau! michi, eres un buen amigo… sin duda.

manu
Michan 15 marzo, 2010 a las 20:39

Hola manu,
Primero de todo, a ver si haces ya otra entradilla, que hace 10 dias que no metes una!!
Segundo, tampoco no importaba que te la creases tu la plantilla, da igual que sea una prediseñada, mientras sea buena…
lo importante es que el foro sea interesante y… (que hagas un “Lord C” -hacer cerdo…. digo sopa! mierda! queria decir s-p-a-m xD)
Saludos
manu 14 marzo, 2010 a las 21:38

Hola michan gracias por contestar.
Bueno esto no tiene nada de especial, incluso no hablo de la cantidad de formatos diferentes que existen, para una gran cantidad de aplicaciones que trabajan con imágenes, pero a modo de curiosidad está bien…

Estoy trabajando en ello michan, terminando por lo menos una plantilla creada por mí, y para la peña que le interese.
Intentaré no dormirme…. jejeje

Saludos michi.
manu
Michan 11 marzo, 2010 a las 15:27

Weee!! Cuanto tiempo sin una entrada!!! xD
Muy interesante tu tabla comparativa, creo que deja bien claro que el mejor formato es png, pero tiene eso de que pesan mas que las otras… pero vale la pena poner una de este tipo en una web, asi augmenta su calidad visual
Saludos