Tener en cuenta el formato gráfico que vamos a usar para diseñar nuestro site es bastante importante, voy a hablar un poco acerca de cada uno de estos formatos:
GIF:
GIF (Formato de Intercambio Gráfico)
El formato GIF comprime los archivos usando un algoritmo llamado LZW, el cual conserva trazas de los colores y ayuda a reducir el tamaño del fichero.
El punto fuerte de GIF es que está ampliamente soportado y, por ello, se ha establecido como la elección por defecto para gráficos simples en la Web. Comparado con las otras opciones (especialmente PNG) GIF no es técnicamente superior, pero durante los primeros años de la Web, cuando el soporte para PNG estaba comenzando y creciendo, era de hecho una opción más segura, y probablemente todavía lo siga siendo en el momento de escribir este Consejo de Calidad, aunque no por mucho.
La patente de Unisys expira el 20 de junio del 2003 en EE.UU., en Europa expira el 18 de junio del 2004, en Japón expira el 20 de junio del 2004 y en Canada expira el 7 de julio del 2004. La patente en EE.UU. de IBM expira el 11 de agosto del 2006, el Software Freedom Law Center afirma que después del 1 de octubre de 2006, no habrá reclamaciones que impidan el uso del formato GIF.
PNG:
PNG(Gráficos de Red Portátiles) es un formato gráfico basado en un algoritmo de compresión sin pérdida para bitmaps no sujeto a patentes. Este formato fue desarrollado en buena parte para solventar las deficiencias del formato GIF y permite almacenar imágenes con una mayor profundidad de color y otros importantes datos.
Para la Web, PNG tiene realmente tres ventajas principales sobre GIF:
- canales alfa (transparencia variable),
- corrección gamma entre plataformas (control del brillo de la imagen) y corrección del color
- entrelazado de dos dimensiones (un método de exposición progresiva)
Hasta hace algunos dias (que podrian ser semana) el formato PNG presentaba muchos problemas con las transparencias en IE, pero ya han sacado un script para solucionar este problemita:
function PNG_loader() {
for(var i=0; i<document.images.length; i++) {
var img = document.images[i];
var imgName = img.src.toUpperCase();
if (imgName.substring(imgName.length-3, imgName.length) == "PNG") {
var imgID = (img.id) ? "id='" + img.id + "' " : "";
var imgClass = (img.className) ? "class='" + img.className + "' " : "";
var imgTitle = (img.title) ? "title='" + img.title + "' " : "title='" + img.alt + "' ";
var imgStyle = "display:inline-block;" + img.style.cssText;
if (img.align == "left") imgStyle += "float:left;";
if (img.align == "right") imgStyle += "float:right;";
if (img.parentElement.href) imgStyle += "cursor:hand;";
var strNewHTML = "<span " + imgID + imgClass + imgTitle
+ " style=\"" + "width:" + img.width + "px; height:" + img.height + "px;" + imgStyle + ";"
+ "filter:progid:DXImageTransform.Microsoft.AlphaImageLoader"
+ "(src='" + img.src + "', sizingMethod='scale');\"></span>";
img.outerHTML = strNewHTML;
i--;
}
}
}
window.attachEvent("onload", PNG_loader);
Ya que contamos con este recurso, les dejo la inquietud, ¿Gif o PNG?
