CINXE.COM

La page francophone du format SVG

<!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 SVG</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="Miguel Tremblay" /> <meta name="DC.Date" scheme="DCTERMS.W3CDTF" content="2005-10-26" /> <meta name="DC.Date.DateCopyrighted" scheme="DCTERMS.W3CDTF" content="2005-10-26" /> <meta name="DC.Description" content="L'histoire, le d&#233;veloppement ainsi que les particularit&#233;s du format d'image vectoriel SVG." /> <meta name="DC.Format" scheme="IMT" content="text/html" /> <meta name="DC.Identifier" scheme="DCTERMS.URI" content="http://ptaff.ca/svg/" /> <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="Miguel Tremblay" /> <meta name="DC.Subject" content="Informatique &#38; G&#233;n&#233;ralit&#233;s; Savoir et communication; Programmation, logiciels, donn&#233;es, s&#233;curit&#233;, organisation des donn&#233;es; Organisation des donn&#233;es; Structure des donn&#233;es" /> <meta name="DC.Subject.Classification" scheme="DDC" content="005.73" /> <meta name="DC.Title" content="La page francophone du format SVG" /> <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="2005-10-26" /> <meta name="DCTERMS.modified" scheme="DCTERMS.W3CDTF" content="2007-03-23" /> <meta name="Description" content="L'histoire, le d&#233;veloppement ainsi que les particularit&#233;s du format d'image vectoriel SVG." /> <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="/miguel/" title="Miguel Tremblay" /> <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="/svg/?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/xhtml/" title="XHTML :: Comment r&#233;ussir" /> <link rel="P3Pv1" type="text/xml" href="/w3c/p3p.xml" title="Politique de confidentialit&#233;" /> <link rel="Parent" type="text/html" href="http://ptaff.ca/" /> <link rel="Previous" type="text/html" href="http://ptaff.ca/png/" title="La page francophone du format PNG" /> <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/svg/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="headsection"> <div class="headsectionleft"> <img src="svg.png" width="150" height="150" alt="SVG" /> </div> <div class="headsectionright"> <h1 class="titre">La page francophone du format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym></h1> </div> </div> <address id="address0"> <a href="/miguel/">Miguel Tremblay</a> </address> <div id="plan"> <ol> <li><a href="#q1" hreflang="fr">Qu'est-ce que le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</a> <ol> <li><a href="#q1a" hreflang="fr">Qu'est-ce qu'une image vectorielle?</a></li> <li><a href="#q1b" hreflang="fr">Existe-t-il d'autres formats vectoriels?</a></li> </ol> </li> <li><a href="#q2" hreflang="fr">Pourquoi a-t-on d&#233;velopp&#233; le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</a></li> <li><a href="#q3" hreflang="fr">Le format d'image <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> est-il meilleur que les autres formats d'image (<acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym>, <acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>, <acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym>, <acronym xml:lang="en" title="BitMaP">BMP</acronym>)?</a></li> <li><a href="#q4" hreflang="fr">Dois-je convertir mes images [<acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym>&#160;|&#160;<acronym xml:lang="en" title="BitMaP">BMP</acronym>] dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</a></li> <li><a href="#q5" hreflang="fr">Dois-je convertir mes images <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> dans le format [<acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym>&#160;|&#160;<acronym xml:lang="en" title="BitMaP">BMP</acronym>]?</a></li> <li><a href="#q6" hreflang="fr">Quels logiciels puis-je utiliser pour cr&#233;er ou &#233;diter des images dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</a></li> <li><a href="#q7" hreflang="fr">Les navigateurs web supportent-ils les images dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</a></li> </ol> <p><strong><a href="#qliens" hreflang="fr">Liens se rapportant au format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym></a></strong></p> </div> <h2 id="q1">1. Qu'est-ce que le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</h2> <p>Il s'agit en fait d'un format d'image. Le sigle <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> est un acronyme qui signifie <em xml:lang="en">Scalable Vector Graphic</em>, que nous pourrions traduire librement en fran&#231;ais par <em>graphique vectoriel extensible</em> ou encore <em>image vectorielle extensible</em>. Ce format est une norme du <a href="http://fr.wikipedia.org/wiki/W3C"><acronym xml:lang="en" title="World Wide Web Consortium">W3C</acronym></a> et est bas&#233; sur une autre norme nomm&#233;e <a href="http://fr.wikipedia.org/wiki/Xml"><acronym xml:lang="en" title="eXtensible Markup Language">XML</acronym></a>. Les recommandations pour la version 1.0 ont &#233;t&#233; publi&#233;es par le <acronym xml:lang="en" title="World Wide Web Consortium">W3C</acronym> le 4 septembre 2001.</p> <p>L'extension du nom de fichier d'une image vectorielle dans le format SVG est <strong>.svg</strong></p> <p><strong>Note</strong>&#160;: La nuance entre les mots <em>graphique</em> et <em>image</em> n'est pas tr&#232;s claire lorsque l'adjectif <em>vectoriel</em> leur sont appliqu&#233;s. Dans le pr&#233;sent document, nous opterons pour <em>image</em> comme traduction de <em xml:lang="en">graphic</em>.</p> <h3 id="q1a">1a. Qu'est-ce qu'une image vectorielle?</h3> <p>Dessin vectoriel (<a href="http://liendex.ptaff.ca/v1/francais/grand_dictionnaire_terminologique/image+vectorielle">Grand dictionnaire terminologique</a>)&#160;: &#171;&#160;Image stock&#233;e sous la forme d'objets d&#233;finis par des coordonn&#233;es math&#233;matiques (lignes, rectangles, cercles, ellipses, courbes, etc.). [...] Contrairement aux images en mode point, les images vectorielles n'ont pas de taille fixe : elles sont d&#233;finies par l'assemblage d'objets de types divers. La taille et l'assemblage de ces objets peuvent &#234;tre param&#233;tr&#233;s.&#160;&#187;</p> <p>Puisque les images vectorielles ne sont pas d&#233;finies par la taille des objets qui la composent, mais bien par les relations qu'ils ont entre eux, elles peuvent &#234;tre agrandies et rapetiss&#233;es <em>ad infinitum</em> sans perdre ses caract&#233;ristiques. C'est cette propri&#233;t&#233; qui donne le nom de <em xml:lang="en">Scalable</em> de l'acronyme <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>, c'est parce que l'image est <a href="http://liendex.ptaff.ca/v1/francais/grand_dictionnaire_terminologique/extensible">extensible</a>.</p> <h3 id="q1b">1b. Existe-t-il d'autres formats vectoriels?</h3> <p>Les formats PostScript et <acronym xml:lang="en" title="Portable Document Format">PDF</acronym> sont aussi des formats vectoriels, le deuxi&#232;me &#233;tant d&#233;riv&#233; du premier. Ils ont tous les deux &#233;t&#233; cr&#233;&#233;s par la compagnie Adobe Systems et sont plut&#244;t des formats pour les documents que pour les images.</p> <h2 id="q2">2. Pourquoi a-t-on d&#233;velopp&#233; le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</h2> <p>En 1998, les compagnies Microsoft et Macromedia ont d&#233;velopp&#233; leur propre format d'image vectoriel: <span xml:lang="en">Vector Markup Language</span> (<acronym xml:lang="en" title="Vector Markup Language">VML</acronym>). La m&#234;me ann&#233;e, les compagnies Adobe Systems et Sun Microsystems ont soumis au <acronym xml:lang="en" title="World Wide Web Consortium">W3C</acronym> une proposition pour un autre format d'image vectoriel, le <span xml:lang="en">Precision Graphics Markup Language</span> (<acronym xml:lang="en" title="Precision Graphics Markup Language">PGML</acronym>).</p> <p>Dans le but de standardiser le prochain format d'image vectoriel &#224; &#234;tre reconnu par les ordinateurs, le <acronym xml:lang="en" title="World Wide Web Consortium">W3C</acronym> d&#233;cida de mettre au point le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>.</p> <p>Les compagnies impliqu&#233;es dans la mise au point de ce format sont&#160;:</p> <ul class="tworowlist"> <li>Adobe</li> <li>Macromedia</li> <li>Apple</li> <li>Microsoft</li> <li>Autodesk</li> <li>Netscape Communications</li> <li>Corel</li> <li>Quark</li> <li>Hewlett-Packard</li> <li>RAL Communications</li> <li>IBM</li> <li>Sun Microsystems</li> <li>Inso</li> <li>Visio</li> </ul> <div class="clearboth">&#160;</div> <h2 id="q3">3. Le format d'image <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> est-il meilleur que les autres formats d'image (<acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym>, <acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>, <acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym>, <acronym xml:lang="en" title="BitMaP">BMP</acronym>)?</h2> <p>Si une image peut s'encoder dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>, elle peut &#234;tre r&#233;duite &#224; des composantes graphiques simples, essentiellement la ligne, le rectangle et l'ellipse. Ce type d'image &#233;tait le domaine privil&#233;gi&#233; des formats <acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>, <acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym> et <acronym xml:lang="en" title="BitMaP">BMP</acronym>. Le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> est aussi id&#233;al pour ce type d'image et poss&#232;de en plus les avantages de la repr&#233;sentation vectorielle. Il est donc sup&#233;rieur aux autres formats pour ce type d'image.</p> <p>Cependant, toute image en format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> se devra d'&#234;tre cr&#233;&#233;e par le processeur avant d'&#234;tre affich&#233;e. Par opposition, les formats en mode points contiennent l'information n&#233;cessaire &#224; l'affichage de fa&#231;on compress&#233;e, information qui doit &#234;tre extraite par le processeur avant que l'image ne soit affich&#233;e. La diff&#233;rence du co&#251;t en temps de calcul pour la cr&#233;ation d'une image en format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> par rapport au co&#251;t pour l'extraction de l'information dans les autres formats est relatif; il d&#233;pend du type d'image, de sa dimension, etc. Deux formats particuliers de <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> ont &#233;t&#233; cr&#233;&#233;s pour r&#233;gler ces probl&#232;mes: <em xml:lang="en">Tiny <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> </em> et <em xml:lang="en"><acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> Basic</em>.</p> <p>Donc, pour les images synth&#233;tiques, &#224; moins que les ressources du processeur ne soient limit&#233;es, comme pour les t&#233;l&#233;phones cellulaires par exemple, l'utilisation du format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> est sup&#233;rieure en qualit&#233; aux autres formats d'image. De plus, la taille d'un fichier de format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> est beaucoup plus petite que celle des autres formats, il ne contient que les informations n&#233;cessaires pour repr&#233;senter les formes g&#233;om&#233;triques. Cette particularit&#233; peut &#234;tre particuli&#232;rement critique, surtout lorsqu'il est question d'&#233;conomie de bande passante, sur internet par exemple.</p> <p>Dans le cas d'image ne pouvant &#234;tre r&#233;duite &#224; des composantes g&#233;om&#233;triques, une photo par exemple, par d&#233;finition il est impossible, sauf pour des cas triviaux, de les encoder dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>. Pour ce genre d'image, la compression dans le format <acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym> est sans contredit la meilleure.</p> <div class="pixbox"> <div><img alt="Cercle cyan dans lequel est inscrit le mot &#171;&#160;BUS&#160;&#187;" title="Type d'image qu'il serait avantageux d'encoder dans le format SVG" src="bus.png" style="width: 320px; height: 320px;" /><p>Image &#171;&#160;synth&#233;tique&#160;&#187; que l'on aurait tout int&#233;r&#234;t &#224; encoder dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym></p></div> <div><img alt="Photo d'une plaine avec des montagnes au loin et un lac minuscule au centre" title="Type d'image qu'il serait avantageux d'encoder dans le format JPEG" src="abisko.jpg" style="width: 320px; height: 320px;" /><p>Image issue du monde &#171;&#160;r&#233;el&#160;&#187; qui ne peut &#234;tre r&#233;duite &#224; de simple formes g&#233;om&#233;triques, donc &#224; ne pas encoder dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym></p></div> </div> <div class="clearboth">&#160;</div> <h2 id="q4">4. Dois-je convertir mes images [<acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym>&#160;|&#160;<acronym xml:lang="en" title="BitMaP">BMP</acronym>] dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</h2> <p>Il est tr&#232;s difficile de convertir une image dans un format vectoriel, comme <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>, &#224; partir d'une image dans un format en mode point, c'est-&#224;-dire &#224; partir des formats <acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>, <acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym>, <acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym> et <acronym xml:lang="en" title="BitMaP">BMP</acronym> puisque chaque &#233;l&#233;ment doit &#234;tre converti en repr&#233;sentation g&#233;om&#233;trique.</p> <p>Cependant, les logiciels <a href="http://potrace.sourceforge.net/" hreflang="en">potrace</a> et <a href="http://autotrace.sourceforge.net/" hreflang="en">autotrace</a> peuvent &#234;tre utilis&#233;s pour faire la conversion entre les formats <acronym xml:lang="en" title="BitMaP">BMP</acronym> et PNM et le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> pour les images en noir et blanc, dans le cas d'images tr&#232;s simples. Pour voir dans quel cas ces conversions peuvent se faire, vous pouvez consulter la page de <a href="http://potrace.sourceforge.net/samples.html" hreflang="en">comparaison de potrace</a> et la page de <a href="http://autotrace.sourceforge.net/index.html#screenshots" hreflang="en">comparaison de autotrace</a>.</p> <p>Par contre, il est possible de cr&#233;er une image de n'importe quel format point &#224; partir d'une image vectorielle.</p> <p>Toute image cr&#233;&#233;e dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> pourra donc &#234;tre encod&#233;e par la suite dans n'importe quel autre format et dans n'importe quelle dimension, et ce sans aucune perte de qualit&#233;!</p> <h2 id="q5">5. Dois-je convertir mes images <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> dans le format [<acronym xml:lang="en" title="Portable Network Graphics">PNG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Joint Picture Experts Group">JPEG</acronym>&#160;|&#160;<acronym xml:lang="en" title="Graphic Interchange Format">GIF</acronym>&#160;|&#160;<acronym xml:lang="en" title="BitMaP">BMP</acronym>]?</h2> <p>Oui si l'application par laquelle l'image sera visualis&#233;e ne supporte pas le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>, ce qui est pour le moment (octobre 2005) le cas pour la plupart.</p> <p>Cependant, en aucun cas il ne faut d&#233;truire l'image originale dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>. Elle doit servir de base pour la cr&#233;ation de toutes les images dans un autre format ou d'une autre dimension. L'utilisation d'un autre format pour cr&#233;er une autre image ne pourra que r&#233;duire la qualit&#233; de l'image.</p> <h2 id="q6">6. Quels logiciels puis-je utiliser pour cr&#233;er ou &#233;diter des images dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</h2> <p>Le fameux logiciel <a href="http://www.gimp.org/" hreflang="en">The <acronym xml:lang="en" title="GNU Image Manipulation Program">GIMP</acronym></a> (<acronym xml:lang="en" title="GNU's Not Unix">GNU</acronym>/Linux, Mac OS X, Windows) peut lire les fichiers dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>.</p> <p>Les logiciels suivant peuvent <em>&#233;diter</em> des images en format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>, les plate-formes sur lesquels fonctionnent le logiciel est indiqu&#233; entre parenth&#232;ses. Les liens en bleu et pr&#233;fix&#233;s d'un signe plus (+) sont pour les logiciels libres, les liens en rouge pr&#233;fix&#233;s d'un signe moins (-) pour les logiciels propri&#233;taires.</p> <ul> <li>+OpenOffice draw, inclus dans la suite bureautique <a href="http://fr.openoffice.org/" class="logiciellibre">OpenOffice</a> (<acronym xml:lang="en" title="GNU's Not Unix">GNU</acronym>/Linux, Windows, Mac OS X);</li> <li>+<a href="http://www.inkscape.org/" hreflang="en" class="logiciellibre">Inkscape</a> (<acronym xml:lang="en" title="GNU's Not Unix">GNU</acronym>/Linux, Mac OS X, Windows);</li> <li>+<a href="http://www.koffice.org/karbon/" hreflang="en" class="logiciellibre">Karbon14</a>, de la suite burautique <a href="http://www.koffice.org/" hreflang="en">KOffice</a> (<acronym xml:lang="en" title="GNU's Not Unix">GNU</acronym>/Linux);</li> <li>-<a href="http://www.adobe.com/products/illustrator/" hreflang="en" class="logicielproprietaire">Adobe Illustrator</a> (Mac, Windows).</li> </ul> <p>Vous pouvez avoir une <a href="http://en.wikipedia.org/wiki/List_of_vector_graphics_editors" hreflang="en">liste plus compl&#232;te sur <span xml:lang="en">wikipedia</span></a> (anglais) ainsi qu'une <a href="http://en.wikipedia.org/wiki/Comparison_of_vector_graphics_editors" hreflang="en">comparaison des diff&#233;rents logiciels</a> (anglais).</p> <h2 id="q7">7. Les navigateurs web supportent-ils les images dans le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>?</h2> <p>Cela d&#233;pend du navigateur&#160;:</p> <dl class="navfirefox"><dt>Firefox</dt><dd>Les versions 1.5 beta 1 et ult&#233;rieures supportent le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym>;</dd></dl> <dl class="navie"><dt>Internet Explorer</dt><dd>N&#233;cessite l'installation d'un <a href="http://www.adobe.com/svg/viewer/install/main.html" hreflang="en">plugiciel propri&#233;taire de la compagnie Adobe System</a>;</dd></dl> <dl class="navsafari"><dt>Safari</dt><dd>Non support&#233;;</dd></dl> <dl class="navopera"><dt>Opera</dt><dd>Supporte la version <em>Tiny <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym></em>, un sous-ensemble des possibilit&#233;s du format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> con&#231;u pour les t&#233;l&#233;phones portables;</dd></dl> <dl class="navmozilla"><dt>Mozilla</dt><dd>Depuis Mozilla 1.0, le support SVG est disponible mais non-int&#233;gr&#233; aux versions officielles;</dd></dl> <dl class="navkonqueror"><dt>Konqueror</dt><dd>Il suffit d'installer <a href="http://svg.kde.org/" hreflang="en">KSVG</a> et le tour est jou&#233;;</dd></dl> <dl class="navnetscape"><dt>Netscape</dt><dd>n&#233;cessite l'installation d'un <a href="http://www.adobe.com/svg/viewer/install/main.html" hreflang="en">plugiciel propri&#233;taire de la compagnie Adobe System</a>.</dd></dl> <h2 id="qliens">Liens se rapportant au format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym></h2> <ul> <li><a href="http://fr.wikipedia.org/wiki/SVG">L'article sur le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> de wikip&#233;dia (fran&#231;ais)</a>;</li> <li><a href="http://www.w3.org/Graphics/SVG/" hreflang="en">La page du W3C sur le format <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> (anglais)</a>;</li> <li><a href="http://en.wikipedia.org/wiki/List_of_vector_graphics_editors" hreflang="en">Liste compl&#232;te des logiciels pour &#233;diter des <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> sur wikipedia (anglais)</a>;</li> <li><a href="http://www.w3.org/TR/1998/NOTE-PGML-19980410"></a><a href="http://en.wikipedia.org/wiki/Comparison_of_vector_graphics_editors" hreflang="en">Comparaison des diff&#233;rents logiciels d'&#233;dition de <acronym xml:lang="en" title="Scalable Vector Graphics">SVG</acronym> sur wikipedia (anglais)</a>.</li> </ul> <div class="ptaffcafooter"> <hr /> <div class="dates"> <div class="vevent"><p class="description">La page francophone du format SVG</p><span class="summary">Cr&#233;ation</span>&#160;: <abbr class="dtstart" title="2005-10-26">26 octobre 2005</abbr><div class="adr"><span class="locality">Villeray</span><div class="geo"><abbr class="latitude" title="45.5505">N 45&#176; 33&#8242;</abbr> <abbr class="longitude" title="-73.6133">W 73&#176; 36&#8242;</abbr></div></div></div> <div class="vevent"> <p class="description">La page francophone du format SVG</p><span class="summary">Derni&#232;re mise &#224; jour</span>&#160;: <abbr class="dtstart" title="2007-03-23">23 mars 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&#176; 33&#8242;</abbr> <abbr class="longitude" title="-73.6133">W 73&#176; 36&#8242;</abbr></div></div></div> </div> <hr /> <ul class="bottomlinks"> <li class="firstli"><a accesskey="1" title="Touche mn&#233;monique: 1" rel="Home" href="/">Accueil</a></li> <li><a accesskey="3" href="/plan/" title="Touche mn&#233;monique: 3">Plan&#160;du&#160;site</a></li> <li><a accesskey="9" rel="Author" href="/sitemail/?to=ptaff" title="Touche mn&#233;monique: 9">Contactez-nous</a></li> <li><a href="/manifeste/#confidentialite">Confidentialit&#233;</a></li> <li><a accesskey="0" href="/accessibilite/" title="Touche mn&#233;monique: 0">Accessibilit&#233;</a></li> <li class="lastli"><a accesskey="8" rel="Help" href="/manifeste/" title="Touche mn&#233;monique: 8">&#192;&#160;propos&#160;de&#160;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&#233; 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&#233; 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&#233; 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 &#169; 2005 <a href="/miguel/">Miguel Tremblay</a>. Permission est accord&#233;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&#233;rieure publi&#233;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 />&#38; G&#233;n&#233;ralit&#233;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&#233;ussir</a></li><li><a href="http://ptaff.ca/bruitdefond/">Projet &#171;&#160;bruit de fond&#160;&#187;</a></li><li><a href="http://ptaff.ca/typologie_blogues_quebecois/">Typologie de la blogosph&#232;re qu&#233;b&#233;coise</a></li><li class="submenulast"><a href="http://ptaff.ca/informatique/" rel="tag">&#192; propos de <strong>Informatique &#38; G&#233;n&#233;ralit&#233;s</strong></a></li></ul></li><li class="l1-philosophie"><a class="doubleline" href="#">Philosophie<br />&#38; Psychologie</a><ul><li class="submenufirst"><a href="http://ptaff.ca/premierdegre/">Manifeste du 1<sup>er</sup> degr&#233;</a></li><li><a href="http://ptaff.ca/campino/">Campino</a></li><li class="submenulast"><a href="http://ptaff.ca/philosophie/">&#192; propos de <strong>Philosophie &#38; 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 &#233;lectronique&#160;: qui a le droit de savoir?</a></li><li><a href="http://ptaff.ca/elections2015/">Une &#233;lection, deux solitudes</a></li><li class="submenulast"><a href="http://ptaff.ca/sciences_sociales/">&#192; 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&#233;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/">&#192; propos de <strong>Langage</strong></a></li></ul></li><li class="l1-sciences"><a class="doubleline" href="#">Sciences naturelles<br />&#38; Math&#233;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&#233;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 &#233;olien et du facteur humidex</a></li><li><a href="http://ptaff.ca/orage_montreal/">1&#160;696 coups de foudre, le film</a></li><li><a href="http://ptaff.ca/records_temperatures_precipitations_canada/">Canada : climat extr&#234;me</a></li><li><a href="http://ptaff.ca/routes_du_quebec/">&#201;tude de la fr&#233;quence des &#233;v&#233;nements<br />m&#233;t&#233;orologiques pr&#233;curseurs des nids-de-poule</a></li><li class="submenulast"><a href="http://ptaff.ca/sciences/">&#192; propos de <strong>Sciences naturelles &#38; Math&#233;matiques</strong></a></li></ul></li><li class="l1-arts"><a class="doubleline" href="#">Arts &#38;<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 &#224; Montr&#233;al</a></li><li><a href="http://ptaff.ca/theatre_montreal/">Liste des th&#233;&#226;tres de Montr&#233;al</a></li><li><a href="http://ptaff.ca/bridge/encheres/">Bridge, guide d'ench&#232;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&#232;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/">&#192; propos de <strong>Arts &#38; Loisirs</strong></a></li></ul></li><li class="l1-litterature"><a class="doubleline" href="#">Litt&#233;rature<br />&#38; Rh&#233;torique</a><ul><li class="submenufirst"><a href="http://ptaff.ca/titane/">Titane&#160;: &#233;l&#233;ment 22, Premi&#232;re partie&#160;: la fracture</a></li><li><a href="http://ptaff.ca/titane2/">Titane&#160;: &#233;l&#233;ment 22, Deuxi&#232;me partie&#160;: les <span xml:lang="en">gamblers</span></a></li><li><a href="http://ptaff.ca/titane3/">Titane&#160;: &#233;l&#233;ment 22, Troisi&#232;me partie&#160;: les deux tours</a></li><li><a href="http://ptaff.ca/titane4/">Titane&#160;: &#233;l&#233;ment 22, Quatri&#232;me partie&#160;: &#233;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/">&#192; propos de <strong>Litt&#233;rature &#38; Rh&#233;torique</strong></a></li></ul></li><li class="l1-histoire"><a class="doubleline" href="#">Histoire &#38;<br />G&#233;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&#233;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/">&#192; propos de <strong>Histoire &#38; G&#233;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/svg/"> <cc:license rdf:resource="http://www.gnu.org/copyleft/fdl.html" /> <dc:creator> <foaf:Person> <foaf:name>Miguel Tremblay</foaf:name> <rdfs:seeAlso rdf:resource="http://ptaff.ca/miguel/foaf.rdf" /> </foaf:Person> </dc:creator> <dc:date xsi:type="dcterms:W3CDTF">2005-10-26</dc:date> <dc:description>L'histoire, le d&#233;veloppement ainsi que les particularit&#233;s du format d'image vectoriel SVG.</dc:description> <dc:format xsi:type="dcterms:IMT">text/html</dc:format> <dc:identifier xsi:type="dcterms:URI">http://ptaff.ca/svg/</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>Miguel Tremblay</dc:rightsholder> <dc:title>La page francophone du format SVG</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">2005-10-26</dcterms:created> <dcterms:datecopyrighted xsi:type="dcterms:W3CDTF">2005-10-26</dcterms:datecopyrighted> <dcterms:modified xsi:type="dcterms:W3CDTF">2007-03-23</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>

Pages: 1 2 3 4 5 6 7 8 9 10