Seguimos viendo qué formatos de archivos usar para cada caso particular, y
sus ventajas comparativas. Los archivos con formato jpeg de denominan así, nuevamente, como producto de las primeras letras de Joint Photographic Experts Group. Su popularidad comenzó con la era de la fotografía digital, pues todas las cámaras digitales –o la mayoría de ellas- graban sus fotos con este formato. La característica fundamental de este formato es que si bien hay pérdida de calidad –por ejemplo al pasar de un formato bmp a jpeg-, la misma puede ser administrada graduando el nivel de compresión del archivo, lo que lo hacen altamente versátiles.
Las imágenes jpeg se basan en el sistema de colores RGB (red, green, blue es decir rojo, verde y azul), por lo cual las imágenes componen su variación de color en el mayor o menor grado de estos tres componentes. Por esta causa, y por la excesiva pérdida de calidad a que se llega cuando la imagen es ampliada, no se recomienda para trabajar textos impresos. Por eso, los diseñadores gráficos cuando hacen diseño de impresos, no usan este formato. Pero para imágenes de sitios, es un formato más que adecuado, ya que se logra buena calidad visual con poco peso relativo.
Finalmente, el formato png (Portable Network Graphics) es el de más reciente desarrollo. Ha sido diseñado por Adobe, y el programa básico para trabajar estos gráficos es el Fireworks, aunque hay muchos otros. La calidad es muy alta, pero suele ser un poco más pesado que un gif o un jpeg. Sin embargo, se está volviendo más y más popular por el hecho de que admite transparencias. Es decir, se puede diseñar un gráfico en formato png con un fondo transparente, y de esta manera, al colocarlo sobre un fondo de color o tramado, ya no estaríamos limitados a imágenes cuadradas o rectangulares. Al admitir las transparencias, podemos diseñar imágenes irregulares, y luego al colocarlas en el sitio, la parte de archivo sin imagen no toma ningún color, es decir, es transparente. El png en si también es cuadrado o rectangular como los otros, pero “disimula”, pues podemos colocar lo que queramos, con cualquier forma, pero los espacios sin dibujo toman el color del fondo.
Cuando incluimos un gráfico en un sitio web, no debemos achicar el tamaño para que entre en nuestro diseño de página mientras la diseñamos, es decir, achicándola al colocarla. Lo mejor es reducirla con un buen editor de imágenes (como el Photoshop, o el Fireworks) y darle el tamaño y la resolución necesaria antes de incluirla en la página.
Al incluir imágenes en una página web, debemos colocarle las tags como corresponde, es decir, incluir nombre de la imagen, descripción y texto alternativo (ese pequeño cartelito amarillo que aparece al pasar el ratón sobre ella). Todos estos factores contribuyen a una buena indexación del sitio, ya que son elementos textuales que son leídos por los crawlers. Por esto, conviene ponerle a la imagen un nombre que incluya alguna de las keywords del sitio, o al menos un nombre relevante, evitando así nombres como “12335.jpeg”, e incluyendo algo como “impresora-deskjet-Epson-RX4500”.
Si le ha gustado este post y quiere colocarlo en su sitio, puede hacerlo sin inconvenientes, siempre y cuando cite como fuente a www.vpa-internet.com.ar/blog
No olvide suscribirse a nuestro blog vía RSS o Email:
¿Te ha gustado este artículo? Si es así, por favorbookmarkalo o,
sobre el, y suscribete al RSS feed del blog.
Related posts:
- La necesidad de optimizar el sitio para lograr un buen posicionamiento en buscadores Es un hecho que todos los esfuerzos tendientes a lograr...
- Cómo trabajar las imágenes para lograr un sitio indexable(I) A menudo, tendemos a minimizar la importancia de las imágenes...
- Algunas herramientas para incrementar la calidad de nuestro sitio 1 Muchas páginas comienzan con buenas intenciones, pero a la hora...
- Cómo lograr que todas las páginas del sitio sean indexadas Encuentre todas las claves que le indicarán el camino más...
- Algunos plug ins de Wordpress que nos ayudan a presentar imágenes y videos La inclusión de imágenes y video es una técnica de...
Related posts brought to you by Yet Another Related Posts Plugin.












































































