<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0"
	xmlns:content="http://purl.org/rss/1.0/modules/content/"
	xmlns:wfw="http://wellformedweb.org/CommentAPI/"
	xmlns:dc="http://purl.org/dc/elements/1.1/"
	xmlns:atom="http://www.w3.org/2005/Atom"
	xmlns:sy="http://purl.org/rss/1.0/modules/syndication/"
	xmlns:slash="http://purl.org/rss/1.0/modules/slash/"
	>

<channel>
	<title>Etan Online &#187; PNG</title>
	<atom:link href="http://www.etanonline.fr/tags/png/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.etanonline.fr</link>
	<description>Le Blog Informatique, Internet et Nouvelles Technologies</description>
	<lastBuildDate>Mon, 02 Aug 2010 21:36:15 +0000</lastBuildDate>
	<generator>http://wordpress.org/?v=abc</generator>
	<language>fr</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
			<item>
		<title>Optimiser la compression des PNG (2)</title>
		<link>http://www.etanonline.fr/2009/optimiser-la-compression-des-png-2/</link>
		<comments>http://www.etanonline.fr/2009/optimiser-la-compression-des-png-2/#comments</comments>
		<pubDate>Wed, 04 Mar 2009 08:33:15 +0000</pubDate>
		<dc:creator>Etan</dc:creator>
				<category><![CDATA[Informatique]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Compression]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Optimisation]]></category>
		<category><![CDATA[Photo]]></category>
		<category><![CDATA[PNG]]></category>

		<guid isPermaLink="false">http://www.etanonline.fr/?p=654</guid>
		<description><![CDATA[
			
				
			
		

Cet article fait suite a un autre article que j&#8217;avais rédigé concernant la compression des PNG avec Optipng et Pngnq.
Grâce à Franck, j&#8217;ai découvert un nouvel utilitaire permettant l&#8217;optimisation de la compression des images au format PNG: ScriptPNG.
Il permet notamment deux types de compression: la compression sans pertes et la conversion en 256 couleurs  [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: -60px 25px 0px 0px">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.etanonline.fr%2F2009%2Foptimiser-la-compression-des-png-2%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.etanonline.fr%2F2009%2Foptimiser-la-compression-des-png-2%2F&amp;source=etanonline&amp;style=normal&amp;service=TinyURL.com&amp;hashtags=Compression,Images,Optimisation,Photo,PNG&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img class="alignnone size-full wp-image-655" title="Compression PNG" src="http://www.etanonline.fr/wp-content/uploads/2009/03/compression_png.png" alt="Compression PNG" width="600" height="213" /></p>
<p>Cet article fait suite a un autre article que j&#8217;avais rédigé concernant <a title="Optimiser la compression des PNG" href="http://www.etanonline.fr/2008/optimiser-la-compression-des-png/" target="_blank">la compression des <acronym title="Portable Network Graphics">PNG</acronym></a> avec <strong>Optipng</strong> et <strong>Pngnq</strong>.</p>
<p>Grâce à <em>Franck</em>, j&#8217;ai découvert un nouvel utilitaire permettant l&#8217;optimisation de la compression des images au format PNG: <a title="ScriptPNG" href="http://www.css-ig.net/scriptpng" target="_blank">ScriptPNG</a>.</p>
<p>Il permet notamment deux types de compression: la compression sans pertes et la conversion en 256 couleurs  (ou moins). Ainsi, il vous sera possible d&#8217;adapter la compression de vos images en fonction de l&#8217;utilisation que vous souhaitez en faire.</p>
<p>Par exemple, pour une photo destinée au web, il est préférable de la convertir en 256 couleurs afin de réduire significativement sa taille sans trop détériorer la qualité de l&#8217;image. J&#8217;utilise d&#8217;ailleurs ce type de compression pour toutes les images du blog et j&#8217;ai noté un gain de performances très net.</p>
<p>J&#8217;ai aussi comparé la compression effectuée avec les outils du précédent article et ScriptPNG. Les résultats sont très peu différents. Certaines fois l&#8217;ancienne méthode se révèle plus performante, d&#8217;autres fois c&#8217;est ScriptPNG, mais la variation dépasse rarement la  centaine d&#8217;octets.</p>
<p>Pour le téléchargement vous pouvez récupérer le programme sur <a title="Télécharger ScriptPNG" href="http://www.css-ig.net/scriptpng" target="_blank">cette page</a>, malheureusement, il n&#8217;est actuellement disponible que pour Windows <em>(contrairement à la méthode évoquée plus haut)</em>.</p>
<p>[<a title="Photo par Tom Gruber" href="http://www.flickr.com/photos/tomgruber/46436521/" target="_blank">Photo</a>]</p><h3  class="related_post_title">Articles similaires:</h3><ul class="related_post"><li>31 mai 2008 -- <a href="http://www.etanonline.fr/2008/optimiser-la-compression-des-png/" title="Optimiser la compression des PNG">Optimiser la compression des PNG</a></li><li>23 novembre 2008 -- <a href="http://www.etanonline.fr/2008/optimisez-votre-css-avec-css-compressor/" title="Optimisez votre CSS avec CSS Compressor">Optimisez votre CSS avec CSS Compressor</a></li><li>5 mars 2009 -- <a href="http://www.etanonline.fr/2009/zemanta-enrichir-ses-articles-textes-et-autres-contenus/" title="Zemanta: enrichir ses articles, textes et autres contenus">Zemanta: enrichir ses articles, textes et autres contenus</a></li><li>16 février 2009 -- <a href="http://www.etanonline.fr/2009/webwait-mesurer-le-temps-de-chargement-de-vos-pages/" title="WebWait: mesurer le temps de chargement de vos pages">WebWait: mesurer le temps de chargement de vos pages</a></li><li>21 août 2008 -- <a href="http://www.etanonline.fr/2008/vectoriser-une-image-avec-vector-magic/" title="Vectoriser une image avec Vector Magic">Vectoriser une image avec Vector Magic</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.etanonline.fr/2009/optimiser-la-compression-des-png-2/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
		<item>
		<title>Vectoriser une image avec Vector Magic</title>
		<link>http://www.etanonline.fr/2008/vectoriser-une-image-avec-vector-magic/</link>
		<comments>http://www.etanonline.fr/2008/vectoriser-une-image-avec-vector-magic/#comments</comments>
		<pubDate>Thu, 21 Aug 2008 09:13:52 +0000</pubDate>
		<dc:creator>Etan</dc:creator>
				<category><![CDATA[Informatique]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[SVG]]></category>
		<category><![CDATA[Vectoriel]]></category>
		<category><![CDATA[Vectorisation]]></category>

		<guid isPermaLink="false">http://www.etanonline.fr/?p=322</guid>
		<description><![CDATA[
			
				
			
		

Vector Magic est un site internet permettant de vectoriser une image de type Bitmap (JPEG, PNG, &#8230;). Ainsi il vous sera possible de redimensionner une image trop petite ou trop pixélisée à cause de multiples conversions.
Il suffit pour cela d&#8217;uploder sur le site l&#8217;image souhaité. Il est alors possible de configurer la conversion en fonction [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: -60px 25px 0px 0px">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.etanonline.fr%2F2008%2Fvectoriser-une-image-avec-vector-magic%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.etanonline.fr%2F2008%2Fvectoriser-une-image-avec-vector-magic%2F&amp;source=etanonline&amp;style=normal&amp;service=TinyURL.com&amp;hashtags=PNG,SVG,Vectoriel,Vectorisation&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a rel="attachment wp-att-323" href="http://www.etanonline.fr/2008/vectoriser-une-image-avec-vector-magic/vectormagic/"><img class="alignnone size-full wp-image-323" title="Vector Magic" src="http://www.etanonline.fr/wp-content/uploads/2008/08/vectormagic.png" alt="Vector Magic" /></a></p>
<p><a title="Vector Magic" href="http://vectormagic.com/" target="_blank">Vector Magic</a> est un site internet permettant de <strong>vectoriser une image de type Bitmap (<acronym title="Joint Photographics Experts Group">JPEG</acronym>, <acronym title="Portable Network Graphics">PNG</acronym>, &#8230;)</strong>. Ainsi <strong>il vous sera possible de redimensionner une image trop petite ou trop pixélisée</strong> à cause de multiples conversions.</p>
<p>Il suffit pour cela d&#8217;<strong>uploder sur le site l&#8217;image souhaité</strong>. Il est alors possible de <strong>configurer la conversion</strong> en fonction du type de pixélisation, des couleurs, du bruit de l&#8217;image, etc.</p>
<p>Enfin, après la vectorisation, vous pouvez <strong>télécharger l&#8217;image vectorisée, au format EPS, <acronym title="Scalable Vector Graphics">SVG</acronym>, <acronym title="Portable Document Format">PDF</acronym></strong> ou même <strong><acronym title="Portable Network Graphics">PNG</acronym></strong> si le but de la manipulation n&#8217;était que d&#8217;améliorer la qualité de l&#8217;image.</p>
<p>J&#8217;attire cependant votre attention sur le fait qu&#8217;il faille <strong>s&#8217;enregistrer pour bénéficier de 2 vectorisations grauites</strong>. Au delà, il faudra recréer un compte avec un email différent&#8230;<br />
Utilisez par exemple un <a title="Email Jetable" href="http://www.yopmail.com/" target="_blank">email jetable</a> !</p><h3  class="related_post_title">Articles similaires:</h3><ul class="related_post"><li>4 mars 2009 -- <a href="http://www.etanonline.fr/2009/optimiser-la-compression-des-png-2/" title="Optimiser la compression des PNG (2)">Optimiser la compression des PNG (2)</a></li><li>14 août 2008 -- <a href="http://www.etanonline.fr/2008/un-twitter-bird-pour-illustrer-votre-site/" title="Un Twitter Bird pour illustrer votre site">Un Twitter Bird pour illustrer votre site</a></li><li>31 mai 2008 -- <a href="http://www.etanonline.fr/2008/optimiser-la-compression-des-png/" title="Optimiser la compression des PNG">Optimiser la compression des PNG</a></li><li>2 février 2008 -- <a href="http://www.etanonline.fr/2008/text2png-convertir-du-texte-en-image-png/" title="Text2PNG: Convertir du texte en image PNG">Text2PNG: Convertir du texte en image PNG</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.etanonline.fr/2008/vectoriser-une-image-avec-vector-magic/feed/</wfw:commentRss>
		<slash:comments>2</slash:comments>
		</item>
		<item>
		<title>Optimiser la compression des PNG</title>
		<link>http://www.etanonline.fr/2008/optimiser-la-compression-des-png/</link>
		<comments>http://www.etanonline.fr/2008/optimiser-la-compression-des-png/#comments</comments>
		<pubDate>Sat, 31 May 2008 09:52:41 +0000</pubDate>
		<dc:creator>Etan</dc:creator>
				<category><![CDATA[Informatique]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Logiciels]]></category>
		<category><![CDATA[Compression]]></category>
		<category><![CDATA[Images]]></category>
		<category><![CDATA[Optimisation]]></category>
		<category><![CDATA[PNG]]></category>

		<guid isPermaLink="false">http://www.etanonline.fr/?p=211</guid>
		<description><![CDATA[
			
				
			
		

L&#8217;optimisation de la compression des images est un facteur important de rapidité de chargement des pages web. Comme je suis dans ma période optimisation, j&#8217;ai cherché une méthode permettant de réduire la taille des PNG.
Voici donc, deux outils absolument indispensables:
Pngnq, permet de convertir un fichier PNG en 256 couleurs en définissant une palette de teintes [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: -60px 25px 0px 0px">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.etanonline.fr%2F2008%2Foptimiser-la-compression-des-png%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.etanonline.fr%2F2008%2Foptimiser-la-compression-des-png%2F&amp;source=etanonline&amp;style=normal&amp;service=TinyURL.com&amp;hashtags=Compression,Images,Internet,Optimisation,PNG&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><a rel="attachment wp-att-214" href="http://www.etanonline.fr/2008/optimiser-la-compression-des-png/web_inter/"><img class="alignnone size-full wp-image-214" title="Internet et PNG" src="http://www.etanonline.fr/wp-content/uploads/2008/05/web_inter.png" alt="" width="460" height="171" /></a></p>
<p>L&#8217;<strong>optimisation de la compression</strong> des images est un <strong>facteur important de rapidité</strong> de chargement des pages web. Comme je suis dans ma période optimisation, j&#8217;ai cherché une méthode permettant de réduire la taille des <acronym title="Portable Network Graphics">PNG</acronym>.</p>
<p>Voici donc, deux outils absolument indispensables:</p>
<p><a title="Pngnq" href="http://pngnq.sourceforge.net/" target="_blank">Pngnq</a>, permet de <strong>convertir un fichier <acronym title="Portable Network Graphics">PNG</acronym> en 256 couleurs</strong> en définissant une palette de teintes représentant au mieux l&#8217;ambiance de l&#8217;image.</p>
<p><a title="Optipng" href="http://optipng.sourceforge.net/">Optipng</a>, lui, teste plusieurs méthodes de compression afin d&#8217;<strong>obtenir une image <acronym title="Portable Network Graphics">PNG</acronym> d&#8217;une taille optimale</strong>. Il supprime aussi toutes les informations inutiles.</p>
<p>Ensuite, il suffit d&#8217;utiliser les commandes suivantes pour convertir l&#8217;image:</p>
<p><code>pngnq -vf -s1 image.png<br />
optipng -o7 image-nq8.png </code></p>
<p>Notez que <strong>Pngnq</strong> enregistre l&#8217;image <em>image.png</em> sous le nom <em>image-nq8.png</em>. Enfin, bien entendu, si la réduction des couleurs donne une image de trop mauvaise qualité, on n&#8217;utilisera qu&#8217;<strong>Optipng</strong>.</p>
<p>A titre d&#8217;exemple l&#8217;image en tête de cet article faisait <strong>à l&#8217;origine 128ko</strong>, et n&#8217;en fait plus que <strong>33ko</strong>, pourtant la qualité reste correcte.</p>
<p>Pour les utilisateurs de Linux, j&#8217;ai fait un petit programme bash afin d&#8217;<strong>automatiser les commandes</strong>:</p>
<p><code>#!/bin/bash<br />
pngnq -vf -s1 $1.png<br />
optipng -o7 $1-nq8.png<br />
echo "Conversion Terminée !"</code></p>
<p>Pour l&#8217;utiliser, entrez la commande <em>./png.sh image</em> ou &laquo;&nbsp;image&nbsp;&raquo; est le nom de l&#8217;image sans l&#8217;extension et <em>png.sh</em> le nom du fichier dans lequel j&#8217;ai entré le script.</p>
<p>Pour l&#8217;<strong>installation sous Linux </strong>(Debian, Ubuntu):</p>
<p><code>sudo apt-get install pngnq optipng</code></p>
<p>Ces programmes sont aussi disponibles pour Windows:</p>
<ul>
<li><a title="Optipng" href="http://optipng.sourceforge.net/" target="_blank">Optipng</a></li>
<li><a title="Pngnq pour windows" href="https://sourceforge.net/project/showfiles.php?group_id=213072&amp;package_id=256476" target="_blank">Pngnq</a></li>
</ul>
<p><a title="Source" href="http://www.commentcamarche.net/faq/sujet-3770-optimiser-la-taille-des-images-png" target="_blank">Source</a></p><h3  class="related_post_title">Articles similaires:</h3><ul class="related_post"><li>4 mars 2009 -- <a href="http://www.etanonline.fr/2009/optimiser-la-compression-des-png-2/" title="Optimiser la compression des PNG (2)">Optimiser la compression des PNG (2)</a></li><li>23 novembre 2008 -- <a href="http://www.etanonline.fr/2008/optimisez-votre-css-avec-css-compressor/" title="Optimisez votre CSS avec CSS Compressor">Optimisez votre CSS avec CSS Compressor</a></li><li>19 mars 2010 -- <a href="http://www.etanonline.fr/2010/test-de-la-preview-dinternet-explorer-9-ie9/" title="Test de la preview d&#8217;Internet Explorer 9 (IE9)">Test de la preview d&#8217;Internet Explorer 9 (IE9)</a></li><li>12 mai 2009 -- <a href="http://www.etanonline.fr/2009/hadopi-vote-il-va-falloir-payer-ou-innover/" title="HADOPI voté, il va falloir payer &#8230; (ou innover) ">HADOPI voté, il va falloir payer &#8230; (ou innover) </a></li><li>5 mars 2009 -- <a href="http://www.etanonline.fr/2009/zemanta-enrichir-ses-articles-textes-et-autres-contenus/" title="Zemanta: enrichir ses articles, textes et autres contenus">Zemanta: enrichir ses articles, textes et autres contenus</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.etanonline.fr/2008/optimiser-la-compression-des-png/feed/</wfw:commentRss>
		<slash:comments>9</slash:comments>
		</item>
		<item>
		<title>Text2PNG: Convertir du texte en image PNG</title>
		<link>http://www.etanonline.fr/2008/text2png-convertir-du-texte-en-image-png/</link>
		<comments>http://www.etanonline.fr/2008/text2png-convertir-du-texte-en-image-png/#comments</comments>
		<pubDate>Sat, 02 Feb 2008 17:30:46 +0000</pubDate>
		<dc:creator>Etan</dc:creator>
				<category><![CDATA[Informatique]]></category>
		<category><![CDATA[Internet]]></category>
		<category><![CDATA[Conversion]]></category>
		<category><![CDATA[Image]]></category>
		<category><![CDATA[PNG]]></category>
		<category><![CDATA[Texte]]></category>

		<guid isPermaLink="false">http://www.etanonline.fr/2008/text2png-convertir-du-texte-en-image-png/</guid>
		<description><![CDATA[
			
				
			
		

Je poste ça en tant que pense bête &#8230;
Le site Text2PNG propose de convertir le texte de votre site en images PNG, simplement en ajoutant quelques lignes de code dans l&#8217;entête de votre page.
Il gère la conversion par balises (ex: que les &#60;a&#62; ou &#60;h1&#62;) mais aussi par id (ex: &#60;div id=&#160;&#187;trucmachinchose&#160;&#187;&#62;) . On peut [...]]]></description>
			<content:encoded><![CDATA[<div class="tweetmeme_button" style="float: right; margin: -60px 25px 0px 0px">
			<a href="http://api.tweetmeme.com/share?url=http%3A%2F%2Fwww.etanonline.fr%2F2008%2Ftext2png-convertir-du-texte-en-image-png%2F"><br />
				<img src="http://api.tweetmeme.com/imagebutton.gif?url=http%3A%2F%2Fwww.etanonline.fr%2F2008%2Ftext2png-convertir-du-texte-en-image-png%2F&amp;source=etanonline&amp;style=normal&amp;service=TinyURL.com&amp;hashtags=Conversion,Image,PNG,Texte&amp;b=2" height="61" width="50" /><br />
			</a>
		</div>
<p><img src="http://www.etanonline.fr/wp-content/uploads/2008/02/text2png.png" alt="Text2Png" /></p>
<p>Je poste ça en tant que pense bête &#8230;<br />
Le site <a href="http://www.text2png.com/" title="Text2PNG.com" target="_blank">Text2PNG</a> propose de convertir le texte de votre site en images <acronym title="Portable Network Graphics">PNG</acronym>, simplement en ajoutant quelques lignes de code dans l&#8217;entête de votre page.</p>
<p>Il gère la conversion par balises (ex: que les &lt;a&gt; ou &lt;h1&gt;) mais aussi par id (ex: &lt;div id=&nbsp;&raquo;trucmachinchose&nbsp;&raquo;&gt;) . On peut choisir la police, la couleur, l&#8217;opacité, l&#8217;ombrage, la taille, l&#8217;arrière plan, et la liste est longue !</p>
<p>Donc un bon outil pour webmaster.</p>
<p><a href="http://www.feedmyapp.com/" title="Souce - Feed my App" target="_blank">Source</a></p><h3  class="related_post_title">Articles similaires:</h3><ul class="related_post"><li>12 mars 2010 -- <a href="http://www.etanonline.fr/2010/encoder-et-lire-une-video-htc-magic-android/" title="Encoder et lire une vidéo HTC Magic Android">Encoder et lire une vidéo HTC Magic Android</a></li><li>2 mai 2009 -- <a href="http://www.etanonline.fr/2009/video2mp3-convertir-les-videos-youtube-en-mp3/" title="Video2mp3: Convertir les vidéos Youtube en MP3">Video2mp3: Convertir les vidéos Youtube en MP3</a></li><li>5 mars 2009 -- <a href="http://www.etanonline.fr/2009/zemanta-enrichir-ses-articles-textes-et-autres-contenus/" title="Zemanta: enrichir ses articles, textes et autres contenus">Zemanta: enrichir ses articles, textes et autres contenus</a></li><li>4 mars 2009 -- <a href="http://www.etanonline.fr/2009/optimiser-la-compression-des-png-2/" title="Optimiser la compression des PNG (2)">Optimiser la compression des PNG (2)</a></li><li>13 novembre 2008 -- <a href="http://www.etanonline.fr/2008/coloration-syntaxique-dans-word-et-openoffice-grace-a-notepad/" title="Coloration syntaxique dans Word et OpenOffice grâce à Notepad++">Coloration syntaxique dans Word et OpenOffice grâce à Notepad++</a></li></ul>]]></content:encoded>
			<wfw:commentRss>http://www.etanonline.fr/2008/text2png-convertir-du-texte-en-image-png/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>

