Geek the Planet


Desarrollo no image

Published on Abril 4th, 2007 | by Angelfire

1

¿Gif o PNG?

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: (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: (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?

Tags: ,


About the Author

Systems Engineering, Computer Systems Specialist, Social Engineering Specialist. Social Media Analyzer. Usability and SEO enthusiasm (Este es mi perfil de Twitter...)



One Response to ¿Gif o PNG?

  1. BiniPybrisy says:

    Hello my friends!
    The interesting name of a site – blog.geektheplanet.net
    I recently 5 hours
    sat in the Internet So I have found your site :)
    The interesting site but does not suffice several sections!
    However this section is very necessary!
    Necessarily I shall advise your site to the friends!
    Forgive I is drunk :))

Back to Top ↑
  • Comentarios recientes

  • Miniposts

    • iOS 8 disponible para descargar

      Hoy se anunció de manera oficial iOS 8, la fecha de llegada será el próximo 17 de septiembre. En iPhonehacks han recopilado los enlaces de descarga directo para los diferentes dispositivos que soportan la nueva versión del sistema operativo. Así que para quienes no desean esperar, ya pueden acceder a la versión Golden Master ...

    • Festigame Colombia 2014

      El festival de videojuegos, cultura gamer y entretenimiento familiar más grande de América Latina ha llegado a nuestro país. Festigame que es un evento creado en Chile en 2012, se ha convertido en el evento anual donde las marcas más importantes de la industria presentan sus últimos productos en el ...

    • Peter Griffin también tiene cuenta en Instagram

      El protagonista de la serie de humor, Padre de Familia, Peter Griffin ha inaugurado su presencia en la red social de fotografía con divertidas fotografías de su vida, y a pesar de ser un personaje de ficción ya ha superado los 200.000 seguidores en tan sólo dos semanas. Son unas fotos bastante divertidas, las ...

    • Manual y documentación de Node.js para Android

      Node.js se ha venido haciendo bastante popular en los últimos años, cada vez son más los usos que como desarrolladores web le damos a esta tecnología. La siguiente aplicación es el manual y la documentación de Node.js, que contiene los siguientes temas: About these Docs Synopsis Assertion Testing Buffer C/C++ Addons Child Processes Cluster Console Crypto Debugger DNS Domain Events File System Globals HTTP HTTPS Modules Net OS Path Process Punycode Query Strings Readline REPL Stream String Decoder Timers TLS/SSL TTY UDP/Datagram URL Utilities VM ZLIB

    • Star Wars Traceroute

      ¿Qué pasa cuando un ingeniero está muy desocupado? pues pasan cosas como esta: Mac y Linux Van a la consola y escriben: traceroute 216.81.59.173 Windows Buscan el CMD y escriben: tracert 216.81.59.173 El resultado es interesante y sorprendente. Si quieren ver la salida de la ejecución del comando, pueden ver el gist Ver más: Beagle Network

  • Comunicados - Notas de Prensa