<?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>Inter Navegación &#187; Consejos</title>
	<atom:link href="http://www.internavegacion.com/tag/consejos/feed/" rel="self" type="application/rss+xml" />
	<link>http://www.internavegacion.com</link>
	<description>Sitio Webmaster, Noticias y Tutoriales ...</description>
	<lastBuildDate>Sat, 04 Feb 2012 21:02:04 +0000</lastBuildDate>
	<language>en</language>
	<sy:updatePeriod>hourly</sy:updatePeriod>
	<sy:updateFrequency>1</sy:updateFrequency>
	<generator>http://wordpress.org/?v=3.3.1</generator>
		<item>
		<title>Algunos consejos de interés…</title>
		<link>http://www.internavegacion.com/2010/07/algunos-consejos-de-interes/</link>
		<comments>http://www.internavegacion.com/2010/07/algunos-consejos-de-interes/#comments</comments>
		<pubDate>Sun, 04 Jul 2010 20:11:42 +0000</pubDate>
		<dc:creator>manu</dc:creator>
				<category><![CDATA[Temas código]]></category>
		<category><![CDATA[códigos]]></category>
		<category><![CDATA[Consejos]]></category>

		<guid isPermaLink="false">http://www.internavegacion.com/?p=1560</guid>
		<description><![CDATA[Quizás quieras saber&#8230;
&#160;

Bueno he de decir que consejos podriamos decir de muchos, pero no se trata de agobiar&#8230;es normal y sabido, que con el tiempo y práctica, descubriremos grandes soluciones y métodos de hacer, que nos van a ayudar, o sea que date tiempo, he intenta entender el por qué de algunas cosas que pudieran no tener mucho sentido, pero funciona así&#8230;vale&#8230;date tiempo.

Quiero proponerte de momento y principio dos cosas;
1- No te quedes atrás solo con un navegador como defecto en tu PC. Te lo puedo sugerir por varias razones, pero para no extenderme y sean motivos con fuerza, diré por ejemplo;
que puedes ver tus trabajos de diseño desde varias perspectivas&#8230;mejorarán tus conclusiones&#8230;lo que no te proporciona uno, te lo entrega otro&#8230;y es sabido la diferencia en la interpretación del Código que algunos navegadores destacan día a día.
2- Otra de las razones, puedes ser; que un buen día deja de funcionar momentaneamente tu navegador predeterminado, y por no volver a reiniciar tu PC, te saque de algún apuro el navegaor, o navegadores de complemento&#8230;.
Puedes ver aquí una lista quizás más extensa de navegadores para windows y Linux;
otros navegadores y aquí más&#8230;

Arriba Volver



Obtener el resultado del Código&#8230;

Otra de las cosas que quiero proponerte, es que te familiarizes con la útilidad del bloc de notas en Windows, y documento de texto en Linux.
El por que&#8230;??? pues es de gran útilidad editar este tipo de archivo para obtención rápida de comprobaciones del código.
Una forma muy útilizada por muchas personas que se dedican a crear páginas web, muchas de las veces al tratar de ver el resultado de una parte, o porción de código Html, es útilizar la opción de &#8220;copy y paste&#8221;, (copiar y pegar) en un archivo de texto para luego renombralo con la extensión &#8220;html&#8221; .
Intentaré explicarlo;
Muchos prácticamos el &#8220;Copy-paste&#8221;, (copiar y pegar) en un archivo bloc de notas, o (Documento de texto dependiendo del sistema Operativo), que en ese momento estamos útilizando, el código que hemos copiado, o arrastrado desde otra ubicación&#8230;
Bien, haz una comprobación.. en el Spoiler he escrito un ejemplo de código Html y Css.Bien quiero que lo compruebes por tí mism@&#8230;
Arrastra el contenido de la caja del &#8220;Quote&#8221;, una vez seleccionado el texto haz clic con el ratón derecho y elige en el menú, &#8220;Copiar&#8221;.
 &#60;!DOCTYPE html PUBLIC &#34;-//W3C//DTD XHTML 1.0 Transitional//EN&#34; &#34;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&#34;&#62;
  &#60;html xmlns=&#34;http://www.w3.org/1999/xhtml&#34;&#62;
  &#60;head&#62; 
  &#60;meta http-equiv=&#34;Content-Type&#34; content=&#34;text/html; charset=utf-8&#34; /&#62;
  &#60;meta http-equiv=&#34;Content-Language&#34; content=&#34;ES&#34; /&#62;
  &#60;meta name=&#34;robots&#34; content=&#34;index,follow&#34; /&#62;
  &#60;meta name=&#34;description&#34; content=&#34;(Descripción del sitio)&#34; /&#62;
  &#60;meta name=&#34;keywords&#34; content=&#34;Palabras relevantes (clave) del sitio&#34; /&#62;
  &#60;meta name=&#34;author&#34; content=&#34;El autor&#34; /&#62;
  &#60;link rel=&#34;shortcut icon&#34; href=&#34;La ruta del icono ICO&#34; type=&#34;image/x-icon&#34; /&#62;
  &#60;link rel=&#34;stylesheet&#34; type=&#34;text/css&#34; href=&#34;La ruta de los estylos CSS&#34; media=&#34;all&#34; /&#62;
  &#60;title&#62;El titulo de esta página Web&#60;/title&#62;
  &#60;style type=&#34;text/css&#34;&#62;
  body{
background-color:#FFC;
} 
h1{
text-align:center;
color:#036;
}
&#60;/style&#62;
  &#60;/head&#62;
  &#60;body&#62;
  &#60;h1&#62;Esto es un ejemplo en un documento HTML &#8230;&#60;/h1&#62;
  &#60;/body&#62;
  &#60;/html&#62;
Una vez hecho este paso, el texto copiado lo tenemos en nuestro porta-papeles&#8230;bien. Ahora ve a tu escritorio, o donde lo prefieras crear, y haz clic de nuevo con el ratón derecho y selecciona &#8220;Nuevo y Archivo de texto.&#8221;.
Lo tienes&#8230;???..Perfecto, ahora abre el archivo y copia dentro de él lo que tienes en tu porta-papeles&#8230;con la opción &#8220;Pegar&#8221;. Bien, hecho esto puedes guardar el contenido de dos maneras, arriba en &#8220;Archivo/guardar&#8221;, o saliendo normalmente del archivo, y aceptando los cambios.
Bueno hecho esto último tenemos un Archivo de texto, con extensión &#8220;txt&#8221;. Ahora debemos cambiar la extenxión &#8220;txt&#8221;, por la de &#8220;html&#8221;, sin las comillas, recuerdalo&#8230;
La extensión de un archivo de texto, carpeta u otro tipo de documento, y viene a ser las últimas letras despues del punto que las separa, por ejemplo &#8220;(.txt .pdf .zip .rar  y muchos tipos diferentes más)&#8221;
Bueno aceptamos los cambios, y obtenemos un archivo similar al que muestro en la imagen, pues la imagen que se muestra despues del cambio es un archivo &#8220;Html&#8221;, y tendrá el acabado, como una hoja con un icono del navegador que tengas como predeterminado en el momento que has creado el archivo&#8230;

Me sigues&#8230;??? En este caso es el Icono de &#8220;Firefox&#8221;, por que yo tengo en mi PC  predeterminado este Navegador&#8230;Si tu caso es otro navegador, el archivo obtendrá el Icono de tú Navegador predeterminado.Bueno estos son unos consejos que la mayoría saben, pero para esa parte en la que no lo práctican, o lo desconocian será de gran ayuda, casi seguro.
Creo que esta forma de ver el resultado rápido,  del código que hemos pegado a un archivo de texto es una de las maneras muy útilizada, por la rapidez en la que obtenemos los resultados del &#8220;Copy-paste&#8221;. Si no eres de esas personas que lo miras así, pruebalo un día&#8230;.

 Arriba Volver

&#160;]]></description>
			<content:encoded><![CDATA[<h2 style="font-size:1.4em;">Quizás quieras saber&#8230;</h2>
<p>&nbsp;</p>
<p style="margin-top:-25px;text-align:left;"><img align="left" title="Imagen IE" src="http://www.internavegacion.com/wp-content/themes/berri-ingonza-sp/images/IE.png" alt="Imagen IE"  /></p>
<p style="text-align: justify;">Bueno he de decir que consejos podriamos decir de muchos, pero no se trata de agobiar&#8230;es normal y sabido, que con el tiempo y práctica, descubriremos grandes soluciones y métodos de hacer, que nos van a ayudar, o sea que date tiempo, he intenta entender el por qué de algunas cosas que pudieran no tener mucho sentido, pero funciona así&#8230;vale&#8230;date tiempo.</p>
<p><span id="more-1560"></span></p>
<p>Quiero proponerte de momento y principio dos cosas;<br />
<strong>1- No te quedes atrás solo con un navegador como defecto en tu PC.</strong> Te lo puedo sugerir por varias razones, pero para no extenderme y sean motivos con fuerza, diré por ejemplo;<br />
que puedes ver tus trabajos de diseño desde varias perspectivas&#8230;mejorarán tus conclusiones&#8230;lo que no te proporciona uno, te lo entrega otro&#8230;y es sabido la diferencia en la interpretación del Código que algunos navegadores destacan día a día.</p>
<p style="text-align: justify;"><strong>2- Otra de las razones, puedes ser; </strong>que un buen día deja de funcionar momentaneamente tu navegador predeterminado, y por no volver a reiniciar tu PC, te saque de algún apuro el navegaor, o navegadores de complemento&#8230;.</p>
<p style="text-align: justify;">Puedes ver aquí una lista quizás más extensa de navegadores para<strong> <em>windows</em></strong> y <em><strong>Linux</strong></em>;<br />
<a style="background-color:#FFFFE6; padding: 0 8px; color: #036; border: #003 dotted 1px;" title="Lista de Navegadores web" href="http://www.smashingmagazine.com/2007/11/21/web-browsers-you-have-never-heard-of/" target="_blank">otros navegadores</a> y <a style="background-color:#FFFFE6; padding: 0 10px; color: #036; border: #003 dotted 1px;" title="Lista de Navegadores web" href="http://www.danielclemente.com/navega/popup.html" target="_blank">aquí más&#8230;</a></p>
<div class="bordes">
<p style="float: right; margin: 12px 0 7px 0; font: 700 .9em Arial, serif;"><a title="Arriba" href="#">Arriba</a> <a title="Volver atrás" href="javascript:history.back()">Volver</a></p>
</div>
<div style="background: url(http://www.internavegacion.com/imagenes-blog/explorer-w7.jpg) no-repeat 50% 85%;">
<p></p>
<h2 style="font-size:1.4em;">Obtener el resultado del Código&#8230;</h2>
<p style="margin-top:-15px;text-align:left;"><img align="right" title="Imagen Firefox" src="http://www.internavegacion.com/wp-content/themes/berri-ingonza-sp/images/firefox.png" alt="Imagen Firefox" /></p>
<p>Otra de las cosas que quiero proponerte, es que te familiarizes con la útilidad del bloc de notas en<em><strong> Windows,</strong></em> y documento de texto en <em><strong>Linux</strong></em>.<br />
<strong>El por que&#8230;???</strong> pues es de gran útilidad editar este tipo de archivo para obtención rápida de comprobaciones del código.<br />
Una forma muy útilizada por muchas personas que se dedican a crear páginas web, muchas de las veces al tratar de ver el resultado de una parte, o porción de código Html, es útilizar la opción de <em><strong>&#8220;copy y paste&#8221;</strong></em>, (copiar y pegar) en un archivo de texto para luego renombralo con la extensión <strong><em>&#8220;html&#8221; </em>.</strong></p>
<p>Intentaré explicarlo;<br />
Muchos prácticamos el &#8220;Copy-paste&#8221;, (copiar y pegar) en un archivo bloc de notas, o <strong>(Documento de texto dependiendo del sistema Operativo)</strong>, que en ese momento estamos útilizando, el código que hemos copiado, o arrastrado desde otra ubicación&#8230;</p>
<p>Bien, haz una comprobación.. en el Spoiler he escrito un ejemplo de código Html y Css.Bien quiero que lo compruebes por tí mism@&#8230;<br />
Arrastra el contenido de la caja del &#8220;Quote&#8221;, una vez seleccionado el texto haz clic con el ratón derecho y elige en el menú, <strong>&#8220;Copiar&#8221;</strong>.</p>
<blockquote><p> &lt;!DOCTYPE html PUBLIC &quot;-//W3C//DTD XHTML 1.0 Transitional//EN&quot; &quot;http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd&quot;&gt;<br />
  &lt;html xmlns=&quot;http://www.w3.org/1999/xhtml&quot;&gt;<br />
  &lt;head&gt; <br />
  &lt;meta http-equiv=&quot;Content-Type&quot; content=&quot;text/html; charset=utf-8&quot; /&gt;<br />
  &lt;meta http-equiv=&quot;Content-Language&quot; content=&quot;ES&quot; /&gt;<br />
  &lt;meta name=&quot;robots&quot; content=&quot;index,follow&quot; /&gt;<br />
  &lt;meta name=&quot;description&quot; content=&quot;(Descripción del sitio)&quot; /&gt;<br />
  &lt;meta name=&quot;keywords&quot; content=&quot;Palabras relevantes (clave) del sitio&quot; /&gt;<br />
  &lt;meta name=&quot;author&quot; content=&quot;El autor&quot; /&gt;<br />
  &lt;link rel=&quot;shortcut icon&quot; href=&quot;La ruta del icono ICO&quot; type=&quot;image/x-icon&quot; /&gt;<br />
  &lt;link rel=&quot;stylesheet&quot; type=&quot;text/css&quot; href=&quot;La ruta de los estylos CSS&quot; media=&quot;all&quot; /&gt;<br />
  &lt;title&gt;El titulo de esta página Web&lt;/title&gt;<br />
  &lt;style type=&quot;text/css&quot;&gt;<br />
  body{<br />
background-color:#FFC;<br />
} <br />
h1{<br />
text-align:center;<br />
color:#036;<br />
}<br />
&lt;/style&gt;<br />
  &lt;/head&gt;</p>
<p>  &lt;body&gt;</p>
<p>  &lt;h1&gt;Esto es un ejemplo en un documento HTML &#8230;&lt;/h1&gt;</p>
<p>  &lt;/body&gt;<br />
  &lt;/html&gt;</p></blockquote>
<p>Una vez hecho este paso, el texto copiado lo tenemos en nuestro <strong>porta-papeles</strong>&#8230;bien. Ahora ve a tu escritorio, o donde lo prefieras crear, y haz clic de nuevo con el ratón derecho y selecciona <strong>&#8220;Nuevo y Archivo de texto.&#8221;.</strong></p>
<p>Lo tienes&#8230;???..Perfecto, ahora abre el archivo y copia dentro de él lo que tienes en tu porta-papeles&#8230;con la opción <strong>&#8220;Pegar&#8221;</strong>. Bien, hecho esto puedes guardar el contenido de dos maneras, arriba en <strong>&#8220;Archivo/guardar&#8221;</strong>, o saliendo normalmente del archivo, y aceptando los cambios.</p>
<p>Bueno hecho esto último tenemos un Archivo de texto, con extensión <strong>&#8220;txt&#8221;</strong>. Ahora debemos cambiar la extenxión &#8220;<strong>txt&#8221;</strong>, por la de <strong>&#8220;html&#8221;</strong>, sin las comillas, recuerdalo&#8230;<br />
La extensión de un archivo de texto, carpeta u otro tipo de documento, y viene a ser las últimas letras despues del punto que las separa, por ejemplo <strong>&#8220;(.txt .pdf .zip .rar  y muchos tipos diferentes más)&#8221;</strong></p>
<p>Bueno aceptamos los cambios, y obtenemos un archivo similar al que muestro en la imagen, pues la imagen que se muestra despues del cambio es un archivo <strong>&#8220;Html&#8221;</strong>, y tendrá el acabado, como una hoja con un icono del navegador que tengas como predeterminado en el momento que has creado el archivo&#8230;</div>
<p class="align_left;"><img style="float:left;padding:0 17px 0 0;" title="Archivo de Firefox" src="http://www.internavegacion.com/wp-content/themes/berri-ingonza-sp/images/documento-de-firefox.png" alt="Archivo para firefox"  /></p>
<p>Me sigues&#8230;??? En este caso es el Icono de &#8220;<strong>Firefox&#8221;</strong>, por que yo tengo en mi PC  predeterminado este Navegador&#8230;Si tu caso es otro navegador, el archivo obtendrá el Icono de tú Navegador predeterminado.<br />Bueno estos son unos consejos que la mayoría saben, pero para esa parte en la que no lo práctican, o lo desconocian será de gran ayuda, casi seguro.</p>
<p>Creo que esta forma de ver el resultado rápido,  del código que hemos pegado a un archivo de texto es una de las maneras muy útilizada, por la rapidez en la que obtenemos los resultados del &#8220;Copy-paste&#8221;. Si no eres de esas personas que lo miras así, pruebalo un día&#8230;.</p>
<div class="bordes">
<p style="float: right; margin: 12px 0 7px 0; font: 700 .9em Arial, serif;"> <a title="Arriba" href="#">Arriba</a> <a title="Volver atrás" href="javascript:history.back()">Volver</a></p>
</div>
<p>&nbsp;</p>
<p style="text-align:center;padding:20px 0 5px 0;" ><script type="text/javascript"><!--
google_ad_client = "pub-4673136735212223";
/* 468x15, creado 14/02/10 */
google_ad_slot = "6626061828";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.internavegacion.com/2010/07/algunos-consejos-de-interes/feed/</wfw:commentRss>
		<slash:comments>3</slash:comments>
		</item>
		<item>
		<title>Consejos sobre las imágenes Gif, Png, Jpg &#8230;</title>
		<link>http://www.internavegacion.com/2010/03/algunos-consejos-sobre-las-imagenes/</link>
		<comments>http://www.internavegacion.com/2010/03/algunos-consejos-sobre-las-imagenes/#comments</comments>
		<pubDate>Fri, 05 Mar 2010 21:18:52 +0000</pubDate>
		<dc:creator>manu</dc:creator>
				<category><![CDATA[Las Imágenes]]></category>
		<category><![CDATA[Consejos]]></category>
		<category><![CDATA[Gif]]></category>
		<category><![CDATA[imágenes]]></category>
		<category><![CDATA[Jpg]]></category>
		<category><![CDATA[Png]]></category>

		<guid isPermaLink="false">http://www.internavegacion.com/?p=969</guid>
		<description><![CDATA[Que debemos tener en cuenta&#8230;???
Creo que debemos recordar que tanto las imágenes como el texto, u otras cosas que incluimos entre el código de nuestras páginas Web, son elementos In-line&#8230;
Quiero decir qué las imágenes se posicionan, tal y como lo escribimos, igual que las lineas de texto u otro elemento en un documento cualquiera, si no se le asigna un valor diferente. Personalmente creo una buena opción manejar y colocar las imágenes dentro de un parrafo. Es bueno aconsejar a todos que no incluyan imágenes de grandes dimensiones, pues los navegadores tardarán en mostrarla dependiendo del tamaño que tenga esta.

Muchos nos preguntamos que formato puedes ser el correcto para colocar una imagen en una página web, pero a mi  modo de ver las cosas, y dependiendo de las diferencias que hay entre los formatos más útilizados en Internet, (gif-png-jpg), creo que todos son formatos  correctos, sucede que unos por defecto llegan a pesar más de cara a los navegadores por las diferencias de pixeles que los componen.
Son muy útilizados los formatos que permiten transparencia, como el formtao GIF y PNG, y no así permite el formato JPG la transparencia en sus imágenes, y esa puede ser una de las razones por la que hay veces que  se útiliza menos este formato. A todos nos gusta ver bonitas imágenes e impactantes en las páginas web, por que ellas hablan y transmiten en breve algo que queremos decir o mostrar.
Esto como comentario, noto en algunas web que en vez de emplear para los barner el modo SWF de Flash tan de moda, útilizan muy mejorados Gifs animados. Quizas por que piensan que serán mejor indexados los Gifs,  o por no sobrecargar las páginas con archivos de Flash, igual es más comodo hacerlos en Gif. Esto como comentario, igual lo habeis notado como yo, y desde luego que hay bonitos trabajos en Internet, hay que reconocerlo.
Diferencias entre los formatos más útilizados&#8230;
Hablemos un poco sobre los pixeles y comprimido de las tres extensiones más útilzadas;
algunos formatos&#8230; PNG &#8230; JPG &#8230; GIF &#8230;
&#160;




Optimización-Formato
PNG
GIF
JPG


Tolera transparencia en las imágenes
Si
Si
No


Tiene perdida en la compresión
No
No
Si


Escala de colores que permite
Millones
256
16 Mill.


Permite crear animación con imágenes
No
Si
No


Peso en Mb general del archivo
Alto
bajo
Medio


Compatibilidad con los navegarores áctuales
Si
Si
Si


Nivel de compresión de fotografías
Bajo
Bajo
Alto


Nivel de compresión de Dibujos
Alto
Alto
Bajo


Utilización en Páginas Web en Internet
Si
Si
Si




&#160;
Estos son datos recogidos sobre los formatos para las imágenes Jpg, png, y Gif.
Sabemos que existen otros formatos menos útilizados como el &#8220;Tiff&#8221;, &#8220;Bitmap&#8221; y otros más, pero si quieres ir un poco más lejos técnicamente con el tipo de canales, escalas, mapas de bits etc etc, deberás acudir a Internet para búscar esa información, puesto que los ejemplos que te pongo en la tabla son más bien para sacar tus propias conclusiones, y así  igual te ayuda  a decidir que tipo de formato puede ser el correcto para las imágenes de tu web, pero seguro que como todos los que las útilizamos para las páginas Web, prácticamente útilizamos todos los formatos.
&#160;

Arriba Volver

&#160;]]></description>
			<content:encoded><![CDATA[<h2 style="font-size: 1.4em;">Que debemos tener en cuenta&#8230;???</h2>
<p>Creo que debemos recordar que tanto las imágenes como el texto, u otras cosas que incluimos entre el código de nuestras páginas Web, son elementos In-line&#8230;</p>
<p>Quiero decir qué las imágenes se posicionan, tal y como lo escribimos, igual que las lineas de texto u otro elemento en un documento cualquiera, si no se le asigna un valor diferente. Personalmente creo una buena opción manejar y colocar las imágenes dentro de un parrafo. Es bueno aconsejar a todos que no incluyan imágenes de grandes dimensiones, pues los navegadores tardarán en mostrarla dependiendo del tamaño que tenga esta.<br />
<span id="more-969"></span><br />
Muchos nos preguntamos que formato puedes ser el correcto para colocar una imagen en una página web, pero a mi  modo de ver las cosas, y dependiendo de las diferencias que hay entre los formatos más útilizados en Internet, (<em><strong>gif-png-jpg</strong></em>), creo que todos son formatos  correctos, sucede que unos por defecto llegan a pesar más de cara a los navegadores por las diferencias de pixeles que los componen.</p>
<p>Son muy útilizados los formatos que permiten transparencia, como el formtao<em> </em><strong><em>GIF</em> </strong>y <em><strong>PNG</strong></em>, y no así permite el formato<em> <strong>JPG</strong></em> la transparencia en sus imágenes, y esa puede ser una de las razones por la que hay veces que  se útiliza menos este formato. A todos nos gusta ver bonitas imágenes e impactantes en las páginas web, por que ellas hablan y transmiten en breve algo que queremos decir o mostrar.</p>
<p>Esto como comentario, noto en algunas web que en vez de emplear para los barner el modo <em><strong>SWF</strong></em> de <em><strong>Flash</strong></em> tan de moda, útilizan muy mejorados <em><strong>Gifs animados</strong></em>. Quizas por que piensan que serán mejor indexados los Gifs,  o por no sobrecargar las páginas con archivos de Flash, igual es más comodo hacerlos en Gif. Esto como comentario, igual lo habeis notado como yo, y desde luego que hay bonitos trabajos en Internet, hay que reconocerlo.</p>
<h2 style="font-size: 1.4em;">Diferencias entre los formatos más útilizados&#8230;</h2>
<p>Hablemos un poco sobre los pixeles y comprimido de las tres extensiones más útilzadas;<br />
algunos formatos&#8230; <strong>PNG</strong> &#8230; <strong>JPG</strong> &#8230; <strong>GIF </strong>&#8230;</p>
<p>&nbsp;</p>
<div>
<table style="text-align: center; margin: 0 auto;border:#000 solid 1px;"  cellspacing="0" cellpadding="0" width="100%">
<tbody>
<tr>
<th style="background-color: #999;" width="64%" scope="col">Optimización-Formato</th>
<th style="background-color: #e9e9e9;" width="12%" scope="col">PNG</th>
<th style="background-color: #e9e9e9;" width="12%" scope="col">GIF</th>
<th style="background-color: #e9e9e9;" width="12%" scope="col">JPG</th>
</tr>
<tr>
<td>Tolera transparencia en las imágenes</td>
<td style="background-color: #c6ff8c;">Si</td>
<td style="background-color: #c6ff8c;">Si</td>
<td style="background-color: #f58c81;">No</td>
</tr>
<tr>
<td>Tiene perdida en la compresión</td>
<td style="background-color: #f58c81;">No</td>
<td style="background-color: #f58c81;">No</td>
<td style="background-color: #c6ff8c;">Si</td>
</tr>
<tr>
<td>Escala de colores que permite</td>
<td style="background-color: #ffc;">Millones</td>
<td style="background-color: #ffc;">256</td>
<td style="background-color: #ffc;">16 Mill.</td>
</tr>
<tr>
<td>Permite crear animación con imágenes</td>
<td style="background-color: #f58c81;">No</td>
<td style="background-color: #c6ff8c;">Si</td>
<td style="background-color: #f58c81;">No</td>
</tr>
<tr>
<td>Peso en Mb general del archivo</td>
<td style="background-color: #f58c81;">Alto</td>
<td style="background-color: #c6ff8c;">bajo</td>
<td style="background-color: #f58c81;">Medio</td>
</tr>
<tr>
<td>Compatibilidad con los navegarores áctuales</td>
<td style="background-color: #c6ff8c;">Si</td>
<td style="background-color: #c6ff8c;">Si</td>
<td style="background-color: #c6ff8c;">Si</td>
</tr>
<tr>
<td>Nivel de compresión de fotografías</td>
<td style="background-color: #f58c81;">Bajo</td>
<td style="background-color: #f58c81;">Bajo</td>
<td style="background-color: #c6ff8c;">Alto</td>
</tr>
<tr>
<td>Nivel de compresión de Dibujos</td>
<td style="background-color: #c6ff8c;">Alto</td>
<td style="background-color: #c6ff8c;">Alto</td>
<td style="background-color: #f58c81;">Bajo</td>
</tr>
<tr>
<td>Utilización en Páginas Web en Internet</td>
<td style="background-color: #c6ff8c;">Si</td>
<td style="background-color: #c6ff8c;">Si</td>
<td style="background-color: #c6ff8c;">Si</td>
</tr>
</tbody>
</table>
</div>
<p>&nbsp;</p>
<p>Estos son datos recogidos sobre los formatos para las imágenes Jpg, png, y Gif.<br />
Sabemos que existen otros formatos menos útilizados como el <strong>&#8220;Tiff&#8221;</strong>,<strong> &#8220;Bitmap&#8221;</strong> y otros más, pero si quieres ir un poco más lejos técnicamente con el tipo de canales, escalas, mapas de bits etc etc, deberás acudir a Internet para búscar esa información, puesto que los ejemplos que te pongo en la tabla son más bien para sacar tus propias conclusiones, y así  igual te ayuda  a decidir que tipo de formato puede ser el correcto para las imágenes de tu web, pero seguro que como todos los que las útilizamos para las páginas Web, prácticamente útilizamos todos los formatos.</p>
<p>&nbsp;</p>
<div class="bordes">
<p style="float: right; margin: -20px 5px 0 0; font: 700 .9em Arial, serif;"><a title="Arriba" href="#">Arriba</a> <a title="Volver atrás" href="javascript:history.back()">Volver</a></p>
</div>
<p>&nbsp;</p>
<p style="text-align:center;padding:20px 0 5px 0;" ><script type="text/javascript"><!--
google_ad_client = "pub-4673136735212223";
/* 468x15, creado 14/02/10 */
google_ad_slot = "6626061828";
google_ad_width = 468;
google_ad_height = 15;
//-->
</script><br />
<script type="text/javascript"
src="http://pagead2.googlesyndication.com/pagead/show_ads.js">
</script></p>
]]></content:encoded>
			<wfw:commentRss>http://www.internavegacion.com/2010/03/algunos-consejos-sobre-las-imagenes/feed/</wfw:commentRss>
		<slash:comments>8</slash:comments>
		</item>
	</channel>
</rss>

