<?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>DanielRibes.com &#187; jpeg</title>
	<atom:link href="http://www.danielribes.com/tag/jpeg/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.danielribes.com</link>
	<description>Solucions en e-learning imatge digital i web.</description>
	<lastBuildDate>Tue, 07 Sep 2010 13:51:38 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	
		<item>
		<title>Les imatges JPEG i els textos</title>
		<link>http://www.danielribes.com/2008/11/les-imatges-jpeg-i-els-textos/</link>
		<comments>http://www.danielribes.com/2008/11/les-imatges-jpeg-i-els-textos/#comments</comments>
		<pubDate>Thu, 13 Nov 2008 12:56:22 +0000</pubDate>
		<dc:creator>daniel</dc:creator>
				<category><![CDATA[Imatge digital]]></category>
		<category><![CDATA[gimp]]></category>
		<category><![CDATA[jpeg]]></category>
		<category><![CDATA[photoshop]]></category>

		<guid isPermaLink="false">http://www.danielribes.com/weblog/?p=75</guid>
		<description><![CDATA[Cal anar amb compte amb imatges JPEG que incloguin textos o línies fines damunt de superfícies de to continu i similars ja que el mètode de compressió amb pèrdua que utilitzen els fitxers JPEG esta dissenyat i optimitzat per imatges on hi ha molta variació cromàtica, no per imatges amb poca variació cromàtica o grans [...]]]></description>
			<content:encoded><![CDATA[<p style="margin-bottom: 0cm;">Cal anar amb compte amb imatges JPEG que incloguin textos o línies fines damunt de superfícies de to continu i similars ja que el mètode de compressió amb pèrdua que utilitzen els fitxers <strong>JPEG esta dissenyat i optimitzat per imatges on hi ha molta variació cromàtica,</strong> no per imatges amb poca variació cromàtica o grans superfícies d&#8217;un mateix to.</p>
<p><span id="more-108"></span></p>
<p style="margin-bottom: 0cm;">I això és el que passa amb el text, ja que els caràcters sovint son tots d&#8217;un sol color que en contrast amb el fons on estant escrits provoca que la compressió JPEG <em>“embruti”</em> els contorns dels caràcters.</p>
<p style="text-align: center;"><img class="size-full wp-image-72 aligncenter" title="exemple-jpeg-text-30-boires" src="http://www.danielribes.com/wp-content/uploads/2008/11/exemple-jpeg-text-30-boires11.png" alt="exemple-jpeg-text-30-boires" width="475" height="270" /></p>
<p style="margin-bottom: 0cm;">Com més elevat és el nivell de compressió més <em>“brut”</em> queda el contorn, especialment si el fons damunt el que hem posat el text, també és d&#8217;un sol color.</p>
<p style="margin-bottom: 0cm; text-align: center;"><img class="size-full wp-image-73 aligncenter" title="exemple-jpeg-text-30-color" src="http://www.danielribes.com/wp-content/uploads/2008/11/exemple-jpeg-text-30-color11.png" alt="" width="475" height="270" /></p>
<p style="margin-bottom: 0cm;">Quan guardem un fitxer en format JPEG podem escollir el nivell de qualitat final que desitgem i en funció d&#8217;això s&#8217;ajusta la compressió i pèrdua que realitza un JPEG, d&#8217;aquesta manera podem evitar una mica aquesta alteració dels contorns.</p>
<p style="margin-bottom: 0cm;">A continuació un exemple de la compressió amb tres nivells de qualitat diferents (des de <strong>0</strong>: poca qualitat, a <strong>100</strong>: màxima qualitat).</p>
<p style="margin-bottom: 0cm; text-align: center;"><img class="size-full wp-image-74 aligncenter" title="tres-exemples" src="http://www.danielribes.com/wp-content/uploads/2008/11/tres-exemples11.png" alt="" width="500" height="563" /></p>
<p style="margin-bottom: 0cm;">Com és pot comprovar, a mesura que augmentem el nivell de qualitat del JPEG milloren els contorns del text, no obstant el procés de <em>“destrucció”</em> dels contorns continua existint, malgrat que a l&#8217;augmentar la qualitat s&#8217;ha dissimulat més. De fet si obrim el <em>JPEG núm. 3,</em> que esta creat amb un nivell de qualitat alt, i l&#8217;editem amb el <strong>Photoshop</strong> o el <strong>Gimp,</strong> utilitzant <strong>l&#8217;eina de nivells</strong> per forçar els tons, podem observar que al voltant dels contorns del text es mostren pícsels més foscos embrutant les vores del text.</p>
<p style="margin-bottom: 0cm; text-align: center;"><img class="size-full wp-image-76 aligncenter" title="jpeg-text-80-nivells-4" src="http://www.danielribes.com/wp-content/uploads/2008/11/jpeg-text-80-nivells-411.png" alt="" width="250" height="250" /></p>
<p style="margin-bottom: 0cm;">Per tant cal tenir present que això ja queda així i que no te solució, simplement que a més nivell de qualitat més dissimulat, però la destrucció dels contorns existeix igualment, ja que el problema base és que el JPEG es troba amb l&#8217;obligació de comprimir superfícies d&#8217;un mateix color, tasca per la que no esta dissenyat.</p>
<p style="margin-bottom: 0cm;">També cal tenir en compte que aquest efecte es notara més amb les imatges a pantalla que impreses en paper, ja que el mateix procés d&#8217;impressió dissimula una mica més la situació</p>
<p style="margin-bottom: 0cm;">De la mateixa manera les tipografies que utilitzem també tindran influencia en la situació, com més gruixudes més dissimulat, com més fines i petites més evident.</p>
<p style="margin-bottom: 0cm;"><strong>Per evitar o minimitzar al màxim aquesta situació tenim diferents opcions:</strong></p>
<ol>
<li>En la mesura que sigui possible, les imatges on hi hagi molt text les guardem en un PNG o GIF enlloc de un JPEG, sobretot si son imatges amb text damunt d&#8217;una única superfície de color, i no fotos.</li>
<li>Augmentar més la qualitat final en que es guarda el JPEG.</li>
<li>Evitar, en la mesura del possible, utilitzar tipografies molt fines i a tamanys petits.</li>
</ol>
<p style="margin-bottom: 0cm;">
]]></content:encoded>
			<wfw:commentRss>http://www.danielribes.com/2008/11/les-imatges-jpeg-i-els-textos/feed/</wfw:commentRss>
		<slash:comments>0</slash:comments>
		</item>
	</channel>
</rss>
