Construya un sitio Web:
Creación de archivos

Volver a la página de inicio
BÚSQUEDA
el Sitio
la Web
CÓMO
Utilizar el sitio
Dominar los      fundamentos
Navegar por la      Web
Aprovechar el     Correo Electrónico
Buscar      Información
Descargar      archivos
Unirse a grupos de      noticias
Conferenciar
Disfrutar la      Multimedia
Construir un sitio      Web
Hacer Negocios      Electrónicos
Protegerse
RECURSOS
Glosario
Escríbanos

Diferentes tamaños de archivoLos mejores diseños de sitios Web usan gráficos moderadamente. Debido a que las imágenes de alta resolución son muy complejas y de gran tamaño, para cuando termine de convertirlos en el formato apropiado de Web, se verán mucho menos convincentes. Ésta es una de las limitaciones actuales de la Web. Ya sea que esté reutilizando trabajo artístico existente, o creando uno nuevo, tenga en cuenta que las demandas y requerimientos de diseño en línea son distintos a aquéllas de otros medios. Incluso los diseñadores gráficos más preparados pueden no ser conscientes de los asuntos específicos del diseño involucrados con los gráficos para la Web.

Más pequeño es mejor

La clave para crear gráficos apropiados para páginas de Web es mantener reducidos los tamaños de los archivos. De esta manera, se bajarán rápidamente. Los archivos gráficos de gran tamaño pueden tomar mucho tiempo en bajarse, especialmente en conexiones lentas por módem. Usted no quiere impacientar a la gente para que deje su sitio antes de que hayan tenido oportunidad de ver o leer su brillante creación.

Recuerde, usted quiere concentrarse en mantener el tamaño del archivo reducido, no necesariamente en mantener el gráfico en sí reducido. El tamaño del archivo es determinado por la cantidad de información en la imagen. Un archivo con un gráfico grande y con sólo unos colores puede en realidad ser menor que un diminuto gráfico con muchos colores. Idealmente, los tamaños de archivos deben ser de entre 20 y 30K cada uno. Con este tamaño, se cargarán casi instantáneamente. Imágenes mayores, como el encabezado o el banner que se coloca en el comienzo de una página, pueden llegar a 75K. Sin embargo, con este tamaño, la sola imagen puede tomar 30 segundos para bajarse con un módem de 28.8. Una buena regla elemental es mantener el tamaño total de las imágenes por página en 100K o menos.

Para reducir un archivo de imagen lo suficiente para ponerlo en la Web, tiene que convertirlo en uno de dos formatos: JPEG (un método de compresión desarrollado por el grupo Joint Photographic Experts Group) o GIF (Graphics Interchage Format, un esquema de compresión desarrollado por CompuServe).

  JPEG   GIF

Para convertir sus gráficos en un formato para Web, necesitará un software editor de imágenes para crear o modificar el trabajo artístico que quiera usar. Si está trabajando con un sitio grande, se puede beneficiar enormemente de los programas diseñados para ayudarlo a catalogar y manejar sus gráficos y elementos gráficos. A veces, éstos pueden ir acompañados de un programa y a veces es mejor usar programas separados. Estos programas pueden variar en costo desde algunos dólares por un programa shareware, hasta más de US$500 por programas profesionales como Adobe PhotoShop.

Guías para Diseño y Conversión de Gráficos

Ya sea que use GIF o JPEG, a continuación se presentan unas guías para trabajar con archivos de gráficos:
  • Siempre diseñe en modo RGB (rojo, verde, azul) en 72 dpi (puntos por pulgada) con un tamaño máximo de 8-bits. Muchos monitores de computadora despliegan un máximo de 256 colores, y este es el estándar de la Web. Cuantos menos colores utilice, menor será el archivo. Por ejemplo, 8 bits le dan 256 colores con los cuales jugar, 3 bits le darán sólo 8 colores. Se sorprenderá de lo que puede hacer con sólo de ocho a 16 colores y sus lectores estarán complacidos con el tiempo de rápida descarga de sus páginas.

  • La conversión de gráficos de alta resolución existentes, normalmente significa reducir la imagen de 300 píxeles por pulgada o más a 72 píxeles por pulgada. Esto puede hacer una gran diferencia en la apariencia de una imagen, pues crea contornos dentados, o espacios donde el color fue eliminado. Utilice técnicas como la indexación y la difusión para corregir estos problemas. La difusión llena los espacios en donde se ha perdido el color de manera uniforme para hacer más lisas las transiciones entre colores. Usted sólo debe hacer la difusión una vez en la imagen, porque cuantas más difusiones haga, más difusas serán las separaciones entre colores. En algunos casos, usted podrá necesitar abrir el archivo en una resolución de GIF menor y hacer un retoque, píxel por píxel, para obtener un resultado limpio. Además, al trabajar con paletas de colores, use la "Paleta Adaptativa" o bien la "Paleta del Sistema".

  • Si su imagen contiene texto de gran tamaño, podrá tener contornos dentados. Intente la técnica del anti-aliasing que hace lisos los contornos dentados que se dan al estar manejando fuentes tipográficas en gráficos digitales.

Texto sin anti-aliasing.
  • Para gráficos más llamativos, haga sus imágenes transparentes. Esto requiere cambiar el fondo de la imagen para que coincida con el fondo de la página (que es gris la mayoría de las veces), de tal manera que su imagen parezca flotar en la página.
Última actualización: 1.5.00

Explore Más: Busque la Web

Learn the Net
Learn the Net (www.learnthenet.com) tiene Copyright 1996-2010. Michael Lerner Productions. Todos los derechos reservados.