<?xml version="1.0" encoding="iso-8859-1"?>
<!DOCTYPE article PUBLIC "-//OASIS//DTD DocBook XML V4.2//EN" "http://openweb.eu.org/dtd/docbkx42/docbookx.dtd">
<article lang="fr" id="png_vs_gif">
  <articleinfo>
    <title>Le PNG face au GIF</title>
    <pubdate>2004-03-21</pubdate>
    <date>2004-03-21</date>
    <author>
      <firstname>Fabrice</firstname>
      <surname>Bonny</surname>
      <email>fabrice.bonny@openweb.eu.org</email>
    </author>
    <legalnotice>
      <para>Cet article est sous licence <ulink url="http://creativecommons.org/licenses/by-sa/1.0/legalcode">Creative Commons Attribution-ShareAlike</ulink>.</para>
    </legalnotice>
    <abstract>
      <para>Qui est donc ce remplaçant du <acronym>GIF</acronym>, datant de 1996 et méconnu de la plupart des graphistes, amateurs comme professionnels&#160;?</para>
    </abstract>
    <subjectset>
      <subject role="profil">
        <subjectterm>debutant</subjectterm>
        <subjectterm>expert</subjectterm>
      </subject>
      <subject role="technologie">
        <subjectterm>png</subjectterm>
      </subject>
      <subject role="theme">
        <subjectterm>multimedia</subjectterm>
      </subject>
    </subjectset>
  </articleinfo>
  <section id="introduction">
    <title>Bref rappel historique</title>
    <para>Avant toute chose, sachez que <acronym>PNG</acronym> se prononce <emphasis role="strong">ping</emphasis>. L'idée de remplacer le <acronym>GIF</acronym> est apparue au début de 1995 quand Unisys annonça qu'il détenait un brevet sur le format de compression utilisé par le <acronym>GIF</acronym>. De plus, ce format étant déjà vieillissant à cette époque, on décida de lui trouver un successeur. Ce format deviendra quelque temps après une recommandation du <acronym>W3C</acronym>.</para>
  </section>
  <section id="avantages">
    <title>Les avantages du PNG</title>
    <para>Le <acronym>PNG</acronym> présente de nombreux avantages en comparaison du <acronym>GIF</acronym>&#160;: il est <emphasis role="strong">plus léger, plus puissant, plus fiable et sous licence libre</emphasis>.</para>
    <section>
      <title>La légèreté</title>
      <para><acronym>PNG</acronym> utilise un format de compression non destructif, c'est-à-dire que la qualité de l'image ne s'en trouve pas affectée. Généralement, une image au format <acronym>PNG</acronym> 8 est 5 à 50% plus légère que la même au format <acronym>GIF</acronym>.Seules de très petites images comportant très peu de couleurs peuvent être plus légères en <acronym>GIF</acronym>.</para>
    </section>
    <section>
      <title>La puissance</title>
      <para>Là où le <acronym>GIF</acronym> ne propose qu'un seul choix de couleurs et une transparence binaire (opaque/transparent), le <acronym>PNG</acronym> propose toute une gamme. Le plus petit, le <acronym>PNG</acronym> 8, fait jeu égal avec son ancêtre en offrant 256 couleurs et la transparence binaire. Mais il existe des formats permettant un plus grand nombre de couleurs et surtout une transparence graduelle sur 256 niveaux, voire plus.</para>
    </section>
    <section>
      <title>La fiabilité</title>
      <para>Ce format permet certaines améliorations comme les corrections gamma ou chromatiques. Pour les non-spécialistes, il s'agit en fait de stocker dans l'image certains paramètres aidant à afficher les images de manière quasi-identique indépendamment du système ou de l'outil utilisé. Ceux qui ont déjà vu la même image sur un <acronym>PC</acronym> et un <acronym>Mac</acronym> ou simplement sur 2 moniteurs différents savent de quoi je parle.</para>
    </section>
    <section>
      <title>La liberté</title>
      <para>Le <acronym>PNG</acronym> est sous licence libre afin de ne pas voir se reproduire la désagréable surprise du brevet lié à la compression LZW du <acronym>GIF</acronym>. Il est à noter que ce brevet est tombé dans le domaine public outre-atlantique mais qu'au moment de la rédaction de cette article, il est encore valable en Europe. Valable est à prendre avec précaution dans la mesure où les brevets logiciels n'ont pas d'existence légale en Europe.</para>
    </section>
  </section>
  <section id="inconvenients">
    <title>Les raisons d'un succès tardif</title>
    <para>Au vu de tous ses avantages, on est en droit de se demander pourquoi le <acronym>PNG</acronym> n'a pas encore pris le dessus sur le bon vieux <acronym>GIF</acronym>. Il y a à cela plusieurs (mauvaises) raisons.</para>
    <section>
      <title>L'habitude</title>
      <para>Hé oui, l'habitude, la paresse ou le simple manque d'informations suffisent à handicaper un format qui a pourtant de quoi séduire.</para>
    </section>
    <section>
      <title>Les outils</title>
      <para>Là, le problème est plus épineux. Malheureusement, les deux outils majeurs en terme de notoriété que sont Photoshop et MSIE/Win souffrent de lacunes pénalisantes.</para>
      <para>Photoshop, tout d'abord, compresse assez mal le <acronym>PNG</acronym>. En effet, ce format possède plusieurs niveaux de compression, de 0 à 9 et Photoshop est bloqué à 6 sans qu'il soit possible de changer ce paramètre dans les options. La compression étant non destructive, le niveau 9 assure le même rendu à l'image tout en étant bien plus léger. De même, les images créées avec ce logiciel ne semblent pas prendre en compte la correction gamma correctement.</para>
      <para>Internet Explorer pour Windows, quant à lui, ne gère pas le PNG 24 mais gère très bien le PNG 8. Il n'est donc pas possible d'employer d'images avec une transparence graduelle sur ce navigateur. La version Macintosh ne souffre pas de ce handicap. Et là encore, la correction gamma semble incorrecte.</para>
    </section>
    <section id="conclusion">
      <title>Conclusion</title>
      <para>A l'heure actuelle, il est tout à fait possible de remplacer un <acronym>GIF</acronym> par un <acronym>PNG</acronym>, à condition de l'employer dans les mêmes conditions. Concernant les problèmes de poids, il suffit d'employer un petit freeware de nettoyage derrière Photoshop ou d'utiliser un outil plus performant sur ce point, comme <acronym>Gimp</acronym>.</para>
      <para>Les plus novateurs pousseront le vice jusqu'à utiliser des transparences graduelles, pour faire un menu dynamique laissant apparaître le contenu de la page en dessous, par exemple. Pour cela, il faut s'assurer, comme pour les <acronym>CSS</acronym> que <acronym>MSIE</acronym>/Win dégrade l'effet escompté sans nuire au résultat.</para>
      <para>Et si un petit tour sur <ulink url="http://homepage.ntlworld.com/bobosola/pngtestfixed.htm">http://homepage.ntlworld.com/bobosola/pngtestfixed.htm</ulink> vous donne une vague idée de ce qu'il serait possible de faire avec ce format, vous pouvez toujours signer cette pétition pour que Microsoft suive le mouvement&#160;: <ulink url="http://www.petitiononline.com/msiepng/">http://www.petitiononline.com/msiepng/</ulink>.</para>
      <para>Quelques liens utiles pour finir&#160;:</para>
      <itemizedlist>
        <listitem>
          <para>un plugin gratuit pour Photoshop nommé SuperPNG sur <ulink url="http://www.fnordware.com/superpng/">www.fnordware.com/superpng/</ulink>&#160;;</para>
        </listitem>
        <listitem>
          <para>PngOptimizer, un outil simple et efficace (pour Windows) sur <ulink url="http://www.psydk.org/PngOptimizer.php">www.psydk.org/PngOptimizer.php</ulink>.</para>
        </listitem>
      </itemizedlist>
    </section>
  </section>
</article>
