CINXE.COM
La page francophone du format PNG
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="fr"> <head profile="http://dublincore.org/documents/dcq-html/"> <title>La page francophone du format PNG</title> <meta http-equiv="Content-Language" content="fr" /> <meta http-equiv="Content-Script-Type" content="text/javascript" /> <meta http-equiv="Content-Style-Type" content="text/css" /> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta http-equiv="PICS-Label" content='(pics-1.1 "http://www.icra.org/ratingsv02.html" l gen true for "http://ptaff.ca/" r (nz 1 vz 1 +lz 1 oz 1 cz 1) gen true for "http://www.ptaff.ca/" r (nz 1 vz 1 lz 1 oz 1 cz 1) gen true for "http://tuxstickers.ptaff.ca/" r (nz 1 vz 1 lz 1 oz 1 cz 1) gen true for "http://tuxstickers.ptaff.ca/" r (nz 1 vz 1 lz 1 oz 1 cz 1) gen true for "http://purl.org/DC/elements/1.0/" r (nz 1 vz 1 lz 1 oz 1 cz 1) gen true for "http://purl.org/dc/terms/" r (nz 1 vz 1 lz 1 oz 1 cz 1) gen true for "http://geotags.com/geo/" r (nz 1 vz 1 lz 1 oz 1 cz 1))' /> <meta http-equiv="X-UA-Compatible" content="IE=EmulateIE7" /> <meta name="DC.Creator" content="Patrice Levesque" /> <meta name="DC.Date" scheme="DCTERMS.W3CDTF" content="2007-04-25" /> <meta name="DC.Date.DateCopyrighted" scheme="DCTERMS.W3CDTF" content="2007-04-25" /> <meta name="DC.Description" content="L'histoire, les avantages et les contextes d'utilisation du format d'image PNG." /> <meta name="DC.Format" scheme="IMT" content="text/html" /> <meta name="DC.Identifier" scheme="DCTERMS.URI" content="http://ptaff.ca/png/" /> <meta name="DC.Language" scheme="DCTERMS.RFC3066" content="fr" /> <meta name="DC.Publisher" content="ptaff.ca" /> <meta name="DC.Rights" scheme="DCTERMS.URI" content="http://www.gnu.org/copyleft/fdl.html" /> <meta name="DC.RightsHolder" content="Patrice Levesque" /> <meta name="DC.Subject" content="Informatique & Généralités; Savoir et communication; Programmation, logiciels, données, sécurité, organisation des données; Organisation des données; Structure des données" /> <meta name="DC.Subject.Classification" scheme="DDC" content="005.73" /> <meta name="DC.Title" content="La page francophone du format PNG" /> <meta name="DC.Type" scheme="DMCIType" content="Text" /> <meta name="DCTERMS.conformsTo" scheme="DCTERMS.URI" content="http://www.w3.org/TR/CSS21/" /> <meta name="DCTERMS.conformsTo" scheme="DCTERMS.URI" content="http://www.w3.org/TR/xhtml11/" /> <meta name="DCTERMS.conformsTo" scheme="DCTERMS.URI" content="http://www.w3.org/TR/WCAG10/" /> <meta name="DCTERMS.created" scheme="DCTERMS.W3CDTF" content="2007-04-25" /> <meta name="DCTERMS.modified" scheme="DCTERMS.W3CDTF" content="2007-04-25" /> <meta name="Description" content="L'histoire, les avantages et les contextes d'utilisation du format d'image PNG." /> <meta name="geo.placename" content="Villeray, Montreal" /> <meta name="geo.position" scheme="WGS84" content="45.5505; -73.6133" /> <meta name="geo.region" scheme="ISO3166" content="CA-QC" /> <meta name="ICBM" scheme="WGS84" content="45.5505, -73.6133" /> <link rel="Author" type="text/html" href="/wayne/" title="Patrice Levesque" /> <link rel="Contents" href="#plan" title="Plan" /> <link rel="Copyright" type="text/html" href="#copyright" title="Copyright" /> <link rel="Help" type="text/html" href="http://ptaff.ca/manifeste/" title="Aide" /> <link rel="Home" type="text/html" href="http://ptaff.ca/" title="Accueil" /> <link rel="icon" type="image/ico" href="favicon.ico" /> <link rel="license" type="text/html" href="http://www.gnu.org/copyleft/fdl.html" title="Licence" /> <link rel="meta" type="application/rdf+xml" href="/png/?cc=1" title="Creative Commons" /> <link rel="meta" type="application/rdf+xml" href="http://ptaff.ca/labels.rdf" title="ICRA labels" /> <link rel="Next" type="text/html" href="http://ptaff.ca/svg/" title="La page francophone du format SVG" /> <link rel="P3Pv1" type="text/xml" href="/w3c/p3p.xml" title="Politique de confidentialité" /> <link rel="Parent" type="text/html" href="http://ptaff.ca/" /> <link rel="Previous" type="text/html" href="http://ptaff.ca/ogg/" title="La page francophone du format Ogg Vorbis" /> <link rel="schema.DC" type="text/html" href="http://purl.org/DC/elements/1.0/" /> <link rel="schema.DCTERMS" type="text/html" href="http://purl.org/dc/terms/" /> <link rel="shortcut icon" type="image/ico" href="/favicon.ico" /> <link rel="stylesheet" type="text/css" href="/ptaff.ca/commonprint.cssphp" title="Style classique" media="print" /> <link rel="stylesheet" type="text/css" href="http://ptaff.ca/png/index.cssphp" title="Style classique" media="screen" /> <link rel="Top" type="text/html" href="http://ptaff.ca/" title="Accueil" /> <link rel="Up" type="text/html" href="http://ptaff.ca/" /> <script type="text/javascript"> <!-- var ptaffmenu; var ptafftheTop = 0; var ptaffold = ptafftheTop; function checkSentience() { if (document.getElementById('topmenu')) { ptaffinit(); } else { temp = setTimeout('checkSentience()',200); }; }; checkSentience(); function ptaffinit() { ptaffmenu = document.getElementById('topmenu'); ptaffmovemenu(); }; function ptaffmovemenu() { if (window.innerHeight) { ptaffpos = window.pageYOffset; } else { if (document.documentElement && document.documentElement.scrollTop) { ptaffpos = document.documentElement.scrollTop; } else { if (document.body) { ptaffpos = document.body.scrollTop; }; }; }; if (ptaffpos < ptafftheTop) { ptaffpos = ptafftheTop; } else { ptaffpos += 0; }; if (ptaffpos == ptaffold) { ptaffmenu.style.top = ptaffpos; }; ptaffold = ptaffpos; temp = setTimeout('ptaffmovemenu()',50); }; // --> </script> <script type="text/javascript" src="/ptaff.ca/scripts.js"></script> </head> <body> <div class="thispage"> <div class="contents"> <div class="headsection"> <div class="headsectionleft"> <img src="png.png" width="150" height="150" alt="PNG" /> </div> <div class="headsectionright"> <h1 class="titre">La page francophone du format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span></h1> </div> </div> <address id="address0"> <a href="/wayne/">Patrice Levesque</a> </address> <div id="plan"> <ol> <li><a href="#apropos" hreflang="fr">Qu'est-ce que le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</a></li> <li><a href="#originenom" hreflang="fr">D'où provient le nom <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</a></li> <li><a href="#pourquoipng" hreflang="fr">Pourquoi a-t-on développé le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</a></li> <li><a href="#typespng" hreflang="fr">Quelles images puis-je encoder en format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</a><ol> <li><a href="#opacite">L'opacité, la semi-transparence, concrètement?</a></li> </ol></li> <li><a href="#pngvsgif" hreflang="fr">Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> est-il meilleur que le format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>?</a> <ol> <li><a href="#conversiongif" hreflang="fr">Dois-je convertir mes <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> en <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</a></li> <li><a href="#remplacergif" hreflang="fr">Est-ce que le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> peut remplacer complètement le format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>?</a></li> </ol></li> <li><a href="#pngvsjpg" hreflang="fr">Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> est-il meilleur que le format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span>?</a> <ol> <li><a href="#conversionjpg" hreflang="fr">Dois-je convertir mes <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> en <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</a></li> <li><a href="#remplacerjpg" hreflang="fr">Est-ce que le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> peut remplacer complètement le format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span>?</a></li> </ol> </li> <li><a href="#navigateurs" hreflang="fr">Qu'en est-il des navigateurs?</a></li> </ol> <p><strong><a href="#qliens" hreflang="fr">Liens se rapportant à <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span></a></strong></p> </div> <h2 id="apropos">1. Qu'est-ce que le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</h2> <p>Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> est un format informatique de stockage d'<a href="http://fr.wikipedia.org/wiki/Image_matricielle">images matricielles</a>; il applique une compression sans perte de qualité. Il a été introduit en 1995 par des membres des communautés <em>comp.graphics</em>, <em>comp.compression</em> et <em>comp.infosystems.www.providers</em> sur le <a href="http://liendex.ptaff.ca/v2/fr_CA/francais/grand_dictionnaire_terminologique/usenet">réseau Usenet</a>. L'historique des <a hreflang="en" href="http://groups.google.com/group/comp.graphics/msg/ea124372adad3c9c">toutes premières discussions menant à la création du format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span></a> montre la nature communautaire de sa genèse.</p> <p>Le format est cautionné par le <span xml:lang="en"><acronym title="World Wide Web Consortium">W3C</acronym></span> (<a href="http://www.w3.org/TR/PNG/" hreflang="en">Recommandation du <span xml:lang="en"><acronym title="World Wide Web Consortium">W3C</acronym></span></a>, octobre 1996), l'<span xml:lang="en"><acronym title="Internet Assigned Numbers Authority"><a href="http://www.iana.org/assignments/media-types/image/" hreflang="en">IANA</a></acronym></span> (octobre 1996), l'<span xml:lang="en"><acronym title="Internet Engineering Task Force">IETF</acronym></span> (<a hreflang="en" href="http://www.ietf.org/rfc/rfc2083.txt"><span xml:lang="en"><acronym title="Request For Comments">RFC</acronym></span>2083</a>, paru en janvier 1997) et a été promu standard <acronym title="Organisation internationale de normalisation"><a href="http://www.iso.org/iso/fr/ISOOnline.frontpage">ISO</a></acronym> 15948:2004.</p> <p>On donne l'extension <strong>.png</strong> aux fichiers encodés à l'aide de <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> ainsi que le <a href="http://fr.wikipedia.org/wiki/Type_de_m%C3%A9dia_internet">type de média internet</a> <strong>image/png</strong>.</p> <h2 id="originenom">2. D'où provient le nom <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</h2> <p>L'acronyme <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> signifie « <span xml:lang="en">Portable Network Graphics</span> » qu'on pourrait traduire librement par « images compatibles sur un réseau » — des images pouvant être affichées de la même manière sur des ordinateurs différents.</p> <p><a href="http://groups.google.com/group/comp.graphics/msg/1131d852358a7578" hreflang="en">La proposition originale suggérait <span xml:lang="en"><acronym title="PING Is Not GIF">PING</acronym></span></a> (<span xml:lang="en">PING Is Not <acronym title="Graphics Interchange Format">GIF</acronym></span>); après quelques jours où l'utilisation du nom <span xml:lang="en"><acronym title="Portable Bitmap Format">PBF</acronym></span> (<span xml:lang="en">Portable Bitmap Format</span>) a été considérée, le nom <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> (<span xml:lang="en">Portable Network Graphics</span>) est apparu.</p> <p><span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> se prononce comme le mot « <span xml:lang="en">ping</span> » en anglais (rime avec « cygne »).</p> <h2 id="pourquoipng">3. Pourquoi a-t-on développé le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</h2> <p>En 1994, les deux formats d'image les plus populaires sont <span xml:lang="en"><acronym title="Graphics Interchange Format"><a href="http://fr.wikipedia.org/wiki/Graphics_Interchange_Format" hreflang="fr">GIF</a></acronym></span> et <span xml:lang="en"><acronym title="Joint Photographic Experts Group"><a href="http://fr.wikipedia.org/wiki/JPG" hreflang="fr">JPEG</a></acronym></span>. <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> est alors employé pour les images complexes de type photographique, comportant un bon nombre de couleurs; <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> l'est pour les images simples utilisant peu de couleurs. La compagnie <a href="http://www.unisys.com/" hreflang="en">Unisys</a>, ayant déposé deux brevets sur la composante de compression <acronym title="Lempel-Ziv-Welch"><a href="http://fr.wikipedia.org/wiki/LZW">LZW</a></acronym> du format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>, a menacé les auteurs de logiciels produisant des images <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> de leur exiger des redevances.</p> <p>On ressentait aussi à cette époque un besoin pour un format d'image plus flexible, permettant plus de 256 couleurs, tel que sur des photos, sans perte de qualité (contrairement à <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span>). Les formats <span xml:lang="en"><acronym title="Truevision Advanced Raster Graphics Adapter"><a hreflang="fr" href="http://fr.wikipedia.org/wiki/Truevision_Targa">TARGA</a></acronym></span>, <span xml:lang="en"><acronym title="Tagged Image File Format"><a hreflang="fr" href="http://fr.wikipedia.org/wiki/TIFF">TIFF</a></acronym></span>, <a href="http://fr.wikipedia.org/wiki/PCX">PCX</a>, <span xml:lang="en"><acronym title="BitMaP"><a hreflang="fr" href="http://fr.wikipedia.org/wiki/Windows_bitmap">BMP</a></acronym></span> supportaient déjà plus de 256 couleurs; cependant, ils étaient tous touchés par un ou plusieurs de ces symptômes : un manque d'efficacité des algorithmes de compression, une complexité inutile des spécifications, une utilisation de brevets et une relative impopularité malgré des années d'existence. Ces points ne semblaient pas pouvoir rendre ces formats aptes à remplacer le format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>.</p> <p>Cette situation a donné naissance à l'idée de créer un nouveau format d'images libre de droits pouvant remplacer <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>.</p> <h2 id="typespng">4. Quelles images puis-je encoder en format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</h2> <p>Toutes les images matricielles peuvent être encodées en format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>; pour les images vectorielles employer un format tel que <a href="/svg/"><span xml:lang="en"><acronym title="Scalable Vector Graphics">SVG</acronym></span></a>.</p> <p>Il existe plusieurs façons d'encoder une image <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>; voici les trois manières les plus courantes et leur domaine d'application :</p> <dl id="encodages"> <dt> <span class="imgbox"><img src="png-tons_de_gris.png" width="72" height="72" alt="Exemple d'une image PNG en tons de gris" /></span> Tons de gris </dt> <dd> <p>Ce mode permet d'encoder une image avec jusqu'à 256 tons de gris, suffisant pour une qualité photo monochrome et donnant une taille de fichier plus petite qu'en encodant en <a href="http://fr.wikipedia.org/wiki/Image_num%C3%A9rique#Images_.C3.A0_palettes.2C_images_en_256_couleurs_.288_bits.29">mode indexé</a> ou par <a href="http://fr.wikipedia.org/wiki/Image_num%C3%A9rique#Images_24_bits_.28ou_.C2.AB_couleurs_vraies_.C2.BB.29">couleurs vraies</a>.</p> <p>Formats concurrents : <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span>, <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>.</p> </dd> <dt> <span class="imgbox"><img src="png-indexe.png" width="72" height="72" alt="Exemple d'une image PNG indexée" /></span> Indexé </dt> <dd> <p>Acceptant un maximum de 256 couleurs, un seul niveau d'opacité (complètement opaque ou complètement transparent), cette manière offre des caractéristiques très semblables au format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> et devrait être utilisé lors de conversions de <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> à <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>.</p> <p>Cet encodage est parfois désigné sous la forme « <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>-8 ».</p> <p>Format concurrent : <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>.</p> </dd> <dt> <span class="imgbox"><img src="png-couleurs_vraies.png" width="72" height="72" alt="Exemple d'une image PNG en couleurs vraies" /></span> Couleurs vraies </dt> <dd> <p>Permettant d'obtenir une image avec des millions de couleurs, cet encodage est approprié pour l'archivage de photos. Cette méthode d'encodage porte les défauts de ses qualités : comme elle permet la plus haute qualité, elle crée des fichiers plus gros. Souvent, le format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> est plus indiqué pour les images photographiques.</p> <p>Le support de plusieurs niveaux d'opacité de cet encodage le rend aussi idéal pour des images semi-transparentes se fondant dans l'arrière-plan, par exemple pour des icônes ou des curseurs de souris.</p> <p>Cet encodage est parfois connu sous le nom « <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>-24 ».</p> <p>Format concurrent : <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span>.</p> </dd> </dl> <h3 id="opacite">4a. L'opacité, la semi-transparence, concrètement?</h3> <p>Ces notions indiquent qu'une image peut être superposée à une autre image et laisser transparaître l'image du fond à travers elle.</p> <ol id="exemple-opacite"> <li><p><img src="ballon1.png" width="128" height="128" alt="Un ballon, semi transparent" /><br />Un ballon semi-transparent</p></li> <li><p><img src="ballon2.png" width="128" height="128" alt="Un mur de briques" /><br />Un mur de briques</p></li> <li><p><img src="ballon3.png" width="128" height="128" alt="Un ballon superposé au mur de briques" /><br />Le ballon semi-transparent superposé au mur de briques</p></li> </ol> <h2 id="pngvsgif">5. Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> est-il meilleur que le format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>?</h2> <p>Oui, pour plusieurs raisons, parmi lesquelles :</p> <ol> <li>Dans la plupart des cas, l'espace requis pour stocker une image <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> est réduit par rapport à la même image encodée en format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>;</li> <li>Le cautionnement par plusieurs organismes de standardisation ainsi que la nature ouverte du format assurent la pérennité des images encodées avec <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>;</li> <li><span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> ne peut utiliser que 256 couleurs; <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> en supporte jusqu'à 281 474 milliards (2<sup>48</sup>);</li> <li>Le format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> n'accepte que deux niveau d'opacité : complètement opaque ou complètement transparent; en revanche, <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> permet jusqu'à 65 536 (2<sup>16</sup>) niveaux d'opacité.</li> </ol> <h3 id="conversiongif">5a. Dois-je convertir mes <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> en <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</h3> <p>Absolument. Vous gagnerez de l'espace de stockage (et du temps de téléchargement, donc de la bande passante) pratiquement pour toutes les images. Ce gain se produit assez souvent pour ne plus devoir y penser et donc vous pouvez utiliser systématiquement <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> toutes les fois où vous utilisiez <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>. Le gain d'espace varie d'une image à l'autre, cependant une réduction de 25 % de la taille du fichier <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> lorsque réencodé avec <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> ne constitue pas un événement rare.</p> <h3 id="remplacergif">5b. Est-ce que le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> peut remplacer complètement le format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span>?</h3> <p>Presque. Le format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> supporte les animations, ce que <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> ne permet pas. Puisque le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> ne gère pas les animations, un autre format, <span xml:lang="en"><acronym title="Multiple-image Network Graphics">MNG</acronym></span> (<span xml:lang="en">Multiple-image Network Graphics</span>), a été introduit officiellement en 2001. Le support de ce format reste très faible en 2007. Il existe également le format <span xml:lang="en"><acronym title="Animated Portable Network Graphics">APNG</acronym></span> (<span xml:lang="en">Animated Portable Network Graphics</span>) permettant des images animées mais son support est lui aussi limité.</p> <p>Si on exclut les images animées, <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> permet toutes les possibilités du format <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> et davantage.</p> <h2 id="pngvsjpg">6. Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> est-il meilleur que le format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span>?</h2> <p>Oui et non. Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> utilise un format de compression sans perte de qualité, alors qu'une image au format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> emploie une compression avec perte. Cependant, le taux de compression impressionnant du format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> provient justement de cette dégradation; une image au format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> peut utiliser <strong>beaucoup</strong> moins d'espace disque. La dégradation réglable du format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> permet un compromis entre qualité et taille du fichier; en choisissant judicieusement le taux de compression, on peut arriver à obtenir une image de qualité semblable à l'original à une fraction de la taille du fichier.</p> <p>Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> offre 65 536 niveaux d'opacité, contrairement à <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> qui ne supporte pas cette notion (toutes les images <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> sont complètement opaques).</p> <h3 id="conversionjpg">6a. Dois-je convertir mes <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> en <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>?</h3> <p>Non. La perte de qualité encourue par l'utilisation du format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> ne sera jamais récupérée en transformant l'image en format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>; vous n'obtiendrez qu'un fichier plus gros.</p> <p>Cela dit, <a hreflang="en" href="http://www.w3.org/Graphics/JPEG/AnnexL.html">certains aspects du format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> sont régis par des brevets logiciels</a>. Il est généralement admis qu'une utilisation du format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> est possible sans violation de brevets — la plupart des logiciels de création d'images <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> évitent d'utiliser ce qui est touché de manière évidente par les brevets. Comme une possible utilisation de <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> sans enfreindre de brevets n'a jamais été confirmée, si vous voulez vous assurer la pérennité de vos images et dormir tranquille en sachant qu'une poursuite de la part d'une compagnie n'arrivera jamais, utilisez <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span>.</p> <h3 id="remplacerjpg">6b. Est-ce que le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> peut remplacer complètement le format <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span>?</h3> <p>Oui, cependant la taille réduite des fichiers <span xml:lang="en"><acronym title="Joint Photographic Experts Group">JPEG</acronym></span> demeure un avantage indéniable et doit être considérée particulièrement dans un contexte réseau où un fichier plus gros rime avec un temps de téléchargement plus long.</p> <h2 id="navigateurs">7. Qu'en est-il des navigateurs?</h2> <p>Le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> peut être utilisé sans crainte sur le web et brillera sur tous les navigateurs modernes (post-2001). Une seule exception : les versions du navigateur Internet Explorer avant 7.0 ne gèrent pas correctement la transparence des images <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> encodées en mode couleurs vraies. Il existe plusieurs <a href="/xhtml/#png">moyens de contourner le problème de transparence d'Internet Explorer</a>, cependant pour vous assurer un maximum de compatibilité, n'utilisez que des images opaques ou utilisez le profil indexé de <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> (qui malheureusement ne permet qu'un niveau de transparence).</p> <h2 id="qliens">Liens</h2> <ul> <li><a hreflang="en" href="http://www.libpng.org/pub/png/">Page officielle du format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span></a> (en anglais);</li> <li><a hreflang="en" href="http://www.r1ch.net/stuff/gif2png/webinterface/">Une interface web pour convertir une image <span xml:lang="en"><acronym title="Graphics Interchange Format">GIF</acronym></span> en <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span></a> (en anglais);</li> <li><a hreflang="en" href="http://www.nongnu.org/fim/" xml:lang="en">Free Image Manipulator</a>, un logiciel permettant de convertir vos images vers le format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span> sous Windows et <span xml:lang="en"><acronym title="GNU's Not Unix">GNU</acronym></span>/Linux (en anglais).</li> </ul> <address id="address1"> <a href="/sitemail/?to=wayne">Pour écrire à l'auteur</a> </address> </div> <div class="ptaffcafooter"> <hr /> <div class="dates"> <div class="vevent"><p class="description">La page francophone du format PNG</p><span class="summary">Création</span> : <abbr class="dtstart" title="2007-04-25">25 avril 2007</abbr><div class="adr"><span class="locality">Villeray</span><div class="geo"><abbr class="latitude" title="45.5505">N 45° 33′</abbr> <abbr class="longitude" title="-73.6133">W 73° 36′</abbr></div></div></div> <div class="vevent"> <p class="description">La page francophone du format PNG</p><span class="summary">Dernière mise à jour</span> : <abbr class="dtstart" title="2007-04-25">25 avril 2007</abbr><span class="filler">, </span><div class="adr"><span class="locality">Villeray</span>, <div class="geo"><abbr class="latitude" title="45.5505">N 45° 33′</abbr> <abbr class="longitude" title="-73.6133">W 73° 36′</abbr></div></div></div> </div> <hr /> <ul class="bottomlinks"> <li class="firstli"><a accesskey="1" title="Touche mnémonique: 1" rel="Home" href="/">Accueil</a></li> <li><a accesskey="3" href="/plan/" title="Touche mnémonique: 3">Plan du site</a></li> <li><a accesskey="9" rel="Author" href="/sitemail/?to=ptaff" title="Touche mnémonique: 9">Contactez-nous</a></li> <li><a href="/manifeste/#confidentialite">Confidentialité</a></li> <li><a accesskey="0" href="/accessibilite/" title="Touche mnémonique: 0">Accessibilité</a></li> <li class="lastli"><a accesskey="8" rel="Help" href="/manifeste/" title="Touche mnémonique: 8">À propos de ptaff.ca</a></li> </ul> <ul class="valid"> <li><span class="vbutton"><a href="http://jigsaw.w3.org/css-validator/check/referer" hreflang="en" title="Conformité CSS"><span class="yleft"><acronym xml:lang="en" title="World Wide Web Consortium"><span class="w3">W3</span><span class="c">C</span></acronym> </span><span class="yright"><span xml:lang="en" title="Cascading Style Sheets" class="rec">CSS</span><span class="ver">2.1</span></span></a></span></li> <li><span class="vbutton"><a href="http://validator.w3.org/check/referer" hreflang="en" title="Conformité XHTML 1.1"><span class="yleft"><acronym xml:lang="en" title="World Wide Web Consortium"><span class="w3">W3</span><span class="c">C</span></acronym> </span><span class="yright"><span xml:lang="en" title="eXtensible HyperText Markup Language" class="rec">XHTML</span><span class="ver">1.1</span></span></a></span></li> <li> <span class="vbutton"> <a href="http://www.w3.org/WAI/WCAG1AAA-Conformance" hreflang="en" title="Conformité niveau triple-A W3C-WAI"> <span class="yleft"><acronym xml:lang="en" title="World Wide Web Consortium"><span class="w3">W3</span><span class="c">C</span></acronym> </span><span class="yright"><span xml:lang="en" title="Web Accessibility Initiative" class="rec">WAI</span>-<span class="ver">AAA</span></span> </a> </span> </li> </ul> <p class="copyright" id="copyright">Copyright © 2007 <a href="/wayne/">Patrice Levesque</a>. Permission est accordée de copier, distribuer et/ou modifier ce document selon les termes de la Licence de Documentation Libre <acronym title="GNU's Not Unix">GNU</acronym> (<!--Creative Commons License--><a rel="license" href="http://www.gnu.org/copyleft/fdl.html" hreflang="en"><acronym title="GNU's Not Unix">GNU</acronym> Free Documentation License</a><!--/Creative Commons License-->), version 1.1 ou toute version ultérieure publiée par la <a href="http://fsf.org/" hreflang="en" xml:lang="en">Free Software Foundation</a>.</p> </div> </div> <form id="topmenu" action="#"> <ul class="menubar" id="mymenu"> <li class="homebutton"><div class="specialleaf"><a href="http://ptaff.ca/"><img src="http://ptaff.ca/images/ptaff.png" width="16" height="16" alt="" />Accueil</a></div></li><li id="activeone" class="l1-generalites"><a class="doubleline" href="#">Informatique<br />& Généralités</a><ul><li class="submenufirst"><a href="http://ptaff.ca/olpc_militaire/">Du potentiel militaire du <span xml:lang="en"><acronym title="One Laptop Per Child">OLPC</acronym></span></a></li><li><a href="http://ptaff.ca/crepyscule/">crepyscule</a></li><li><a href="http://ptaff.ca/exif_rename_files/">exif_rename_files</a></li><li><a href="http://ptaff.ca/midcat/">midcat</a></li><li><a href="http://ptaff.ca/statusable/">statusable</a></li><li><a href="http://ptaff.ca/table4chart/">Table4Chart</a></li><li><a href="http://ptaff.ca/xhtmail/">xhtmail</a></li><li><a href="http://ptaff.ca/ie/">Du non-choix d'Internet Explorer</a></li><li><a href="http://ptaff.ca/smart/"><span xml:lang="en">Smart Bookmarks</span> et <span xml:lang="en">Bookmarklets</span></a></li><li><a href="http://ptaff.ca/ogg/">La page francophone du format Ogg Vorbis</a></li><li><a href="http://ptaff.ca/png/">La page francophone du format <span xml:lang="en"><acronym title="Portable Network Graphics">PNG</acronym></span></a></li><li><a href="http://ptaff.ca/svg/">La page francophone du format <acronym title="Scalable Vector Graphics" xml:lang="en">SVG</acronym></a></li><li><a href="http://ptaff.ca/xhtml/"><acronym xml:lang="en" title="eXtensible HyperText Markup Language">XHTML</acronym> :: Comment réussir</a></li><li><a href="http://ptaff.ca/bruitdefond/">Projet « bruit de fond »</a></li><li><a href="http://ptaff.ca/typologie_blogues_quebecois/">Typologie de la blogosphère québécoise</a></li><li class="submenulast"><a href="http://ptaff.ca/informatique/" rel="tag">À propos de <strong>Informatique & Généralités</strong></a></li></ul></li><li class="l1-philosophie"><a class="doubleline" href="#">Philosophie<br />& Psychologie</a><ul><li class="submenufirst"><a href="http://ptaff.ca/premierdegre/">Manifeste du 1<sup>er</sup> degré</a></li><li><a href="http://ptaff.ca/campino/">Campino</a></li><li class="submenulast"><a href="http://ptaff.ca/philosophie/">À propos de <strong>Philosophie & Psychologie</strong></a></li></ul></li><li class="l1-ssociales"><a class="doubleline" href="#">Sciences<br />sociales</a><ul><li class="submenufirst"><a href="http://ptaff.ca/vote_electronique_2005/">Vote électronique : qui a le droit de savoir?</a></li><li><a href="http://ptaff.ca/elections2015/">Une élection, deux solitudes</a></li><li class="submenulast"><a href="http://ptaff.ca/sciences_sociales/">À propos de <strong>Sciences sociales</strong></a></li></ul></li><li class="l1-langage"><a href="#">Langage</a><ul><li class="submenufirst"><a href="http://ptaff.ca/phonolettre/">Numérophraseur</a></li><li><a href="http://ptaff.ca/laid/">La laideur des mots</a></li><li><a href="http://ptaff.ca/liendex/">Liendex</a></li><li class="submenulast"><a href="http://ptaff.ca/langage/">À propos de <strong>Langage</strong></a></li></ul></li><li class="l1-sciences"><a class="doubleline" href="#">Sciences naturelles<br />& Mathématiques</a><ul><li class="submenufirst"><a href="http://ptaff.ca/sigleSRC/">Ici Radio-Canada</a></li><li><a href="http://ptaff.ca/air/">Estimation des volumes d'air transitant par<br />différents moteurs dans un environnement urbain</a></li><li><a href="http://ptaff.ca/air/budget/">Estimez la consommation d'air, pour vous ou<br />un groupe de personnes (famille, ville, etc.)</a></li><li><a href="http://ptaff.ca/humidex/">Du refroidissement éolien et du facteur humidex</a></li><li><a href="http://ptaff.ca/orage_montreal/">1 696 coups de foudre, le film</a></li><li><a href="http://ptaff.ca/records_temperatures_precipitations_canada/">Canada : climat extrême</a></li><li><a href="http://ptaff.ca/routes_du_quebec/">Étude de la fréquence des événements<br />météorologiques précurseurs des nids-de-poule</a></li><li class="submenulast"><a href="http://ptaff.ca/sciences/">À propos de <strong>Sciences naturelles & Mathématiques</strong></a></li></ul></li><li class="l1-arts"><a class="doubleline" href="#">Arts &<br />Loisirs</a><ul><li class="submenufirst"><a href="http://tuxstickers.ptaff.ca/?lang=fr_CA">Procurez-vous un autocollant Tux!</a></li><li><a href="http://ptaff.ca/hexil/">Le livre d'Hexil</a></li><li><a href="http://ptaff.ca/midi/">Indulgences pour tympan</a></li><li><a href="http://ptaff.ca/audiochromie/">Audiochromie</a></li><li><a href="http://ptaff.ca/radio_montreal/">Liste des stations de radio à Montréal</a></li><li><a href="http://ptaff.ca/theatre_montreal/">Liste des théâtres de Montréal</a></li><li><a href="http://ptaff.ca/bridge/encheres/">Bridge, guide d'enchères</a></li><li><a href="http://ptaff.ca/bridge/duplicata/">Bridge, tables de pointage duplicata</a></li><li><a href="http://ptaff.ca/bridge/annexe/">Bridge, tables de pointage robre</a></li><li><a href="http://ptaff.ca/99/">Les règlements du 99</a></li><li><a href="http://ptaff.ca/99/essai/">Essai sur le 99</a></li><li class="submenulast"><a href="http://ptaff.ca/arts/">À propos de <strong>Arts & Loisirs</strong></a></li></ul></li><li class="l1-litterature"><a class="doubleline" href="#">Littérature<br />& Rhétorique</a><ul><li class="submenufirst"><a href="http://ptaff.ca/titane/">Titane : élément 22, Première partie : la fracture</a></li><li><a href="http://ptaff.ca/titane2/">Titane : élément 22, Deuxième partie : les <span xml:lang="en">gamblers</span></a></li><li><a href="http://ptaff.ca/titane3/">Titane : élément 22, Troisième partie : les deux tours</a></li><li><a href="http://ptaff.ca/titane4/">Titane : élément 22, Quatrième partie : épilogue</a></li><li><a href="http://ptaff.ca/gaston/">Gaston Tremblay, missionnaire</a></li><li><a href="http://ptaff.ca/ptafflist/">Archives de ptafflist</a></li><li><a href="http://ptaff.ca/ptaffgnu/">Archives de ptaffgnu</a></li><li><a href="http://ptaff.ca/blogue/">Blogue :: Hors des lieux communs</a></li><li class="submenulast"><a href="http://ptaff.ca/litterature/">À propos de <strong>Littérature & Rhétorique</strong></a></li></ul></li><li class="l1-histoire"><a class="doubleline" href="#">Histoire &<br />Géographie</a><ul><li class="submenufirst"><a href="http://ptaff.ca/soleil/">Soleil</a></li><li><a href="http://ptaff.ca/al-shifa/">L'usine pharmaceutique d'Al-Shifa</a></li><li><a href="http://ptaff.ca/feux/">Perspective sur les feux d'artifice de Montréal</a></li><li><a href="http://ptaff.ca/continents/">Domaines de premier niveau par continents</a></li><li class="submenulast"><a href="http://ptaff.ca/histoire_et_geographie/">À propos de <strong>Histoire & Géographie</strong></a></li></ul></li></ul></form> <!-- <rdf:RDF xmlns:cc="http://web.resource.org/cc/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:dcterms="http://purl.org/dc/terms/" xmlns:foaf="http://xmlns.com/foaf/0.1/" xmlns:geo="http://geotags.com/geo/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:rdfs="http://www.w3.org/2000/01/rdf-schema#" xmlns:xsi="http://www.w3.org/2001/XMLSchema-instance" > <cc:Work rdf:about="http://ptaff.ca/png/"> <cc:license rdf:resource="http://www.gnu.org/copyleft/fdl.html" /> <dc:creator> <foaf:Person> <foaf:name>Patrice Levesque</foaf:name> <rdfs:seeAlso rdf:resource="http://ptaff.ca/wayne/foaf.rdf" /> </foaf:Person> </dc:creator> <dc:date xsi:type="dcterms:W3CDTF">2007-04-25</dc:date> <dc:description>L'histoire, les avantages et les contextes d'utilisation du format d'image PNG.</dc:description> <dc:format xsi:type="dcterms:IMT">text/html</dc:format> <dc:identifier xsi:type="dcterms:URI">http://ptaff.ca/png/</dc:identifier> <dc:language xsi:type="dcterms:RFC3066">fr</dc:language> <dc:publisher rdf:resource="http://ptaff.ca/manifeste/" /> <dc:rights rdf:resource="http://www.gnu.org/copyleft/fdl.html" /> <dc:rightsholder>Patrice Levesque</dc:rightsholder> <dc:title>La page francophone du format PNG</dc:title> <dc:type>Text</dc:type> <dcterms:conformsTo rdf:resource="http://www.w3.org/TR/CSS21/" /> <dcterms:conformsTo rdf:resource="http://www.w3.org/TR/xhtml11/" /> <dcterms:conformsTo rdf:resource="http://www.w3.org/TR/WCAG10/" /> <dcterms:created xsi:type="dcterms:W3CDTF">2007-04-25</dcterms:created> <dcterms:datecopyrighted xsi:type="dcterms:W3CDTF">2007-04-25</dcterms:datecopyrighted> <dcterms:modified xsi:type="dcterms:W3CDTF">2007-04-25</dcterms:modified> <geo:placename>Villeray, Montreal</geo:placename> <geo:position>45.5505; -73.6133</geo:position> <geo:region>CA-QC</geo:region> </cc:Work> <cc:License rdf:about="http://www.gnu.org/copyleft/fdl.html"> <cc:permits rdf:resource="http://web.resource.org/cc/DerivativeWorks" /> <cc:permits rdf:resource="http://web.resource.org/cc/Distribution" /> <cc:permits rdf:resource="http://web.resource.org/cc/Reproduction" /> <cc:requires rdf:resource="http://web.resource.org/cc/Notice" /> <cc:requires rdf:resource="http://web.resource.org/cc/ShareAlike" /> <cc:requires rdf:resource="http://web.resource.org/cc/SourceCode" /> </cc:License> </rdf:RDF> --> <!-- Mozilla/4.0 (compatible; MSIE 7.0; Windows NT 6.0; SLCC1; .NET CLR 2.0.50727; .NET CLR 3.0.04506; .NET CLR 3.5.21022; .NET CLR 1.0.3705; .NET CLR 1.1.4322) */* */* text/html LANG:fr_CA LANGUAGE:fr_CA IP:8.222.208.146 --> </body> </html>