Como mejorar la imagen de tu web

La imagen que ofrece un website es muy importante a la hora de mantener el interés de nuestros visitantes.

Si no puedes gastar dinero en pagar un buen diseñador, no tires la toalla, no te rindas, dedica un tiempo para conseguir una imagen más que decente para tu web.

Hay programas para "tratar imágenes" disponibles hoy en día que hace relativamente fácil, incluso para un "novato", la creación de gráficos decentes para internet.

Veremos algunos trucos para mejorar tus gráficos. El programa que usaré para mis ejemplos es el PAINT SHOP PRO v5 de Jasc. La razón de que eligiera este programa en particular es porque es relativamente barato (menos de 100 $US), además tiene un interfaz amigable y de fácil uso, y además puedes bajarte una copia de evaluación gratuita desde http://www,jasc.com.

También puedes bajártelo de la zona de download de Masterdisseny (http://www.masterdisseny.com) No es la intención de este artículo dar las instrucciones paso a paso de como crear gráficos. Hay multitud de tutoriales disponibles para ello (tienes una lista al final de este artículo) Lo que quiero es darte unos cuantos consejos y trucos para mejorar tus imágenes.

GIF vs. JPEG - ¿CUÁL DEBERÍAS UTILIZAR?

Estos son, básicamente, los formatos gráficos que puedes elegir cuando diseñes imágenes para la web.

El GIF es normalmente la mejor elección para logos, líneas, iconos, cliparts e imágenes de texto que tengan grandes y sólidas áreas de color alrededor. Sólo soporta un máximo de 256 colores, pero tiene la ventaja de que soporta transparencias y es el formato utilizado por muchas animaciones, como los banners animados. El tamaño del archivo de la imagen es normalmente muy pequeña, por esta razón la mayor parte de todas mis imágenes están guardadas en formato GIF.

Así porque deberías tener necesidad de utilizar el formato JPEG ? Si tu tienes una imagen muy detallada, altamente compleja, con cantidad de colores diferentes, utilizar el formato JPEG es probablemente la mejor elección. Las fotografías guardadas en formato GIF tienden a perder mucha calidad.

BACKGROUNDS Y BORDERS

Backgrounds -

Si usas una imagen de fondo en forma de cuadro (el cual no recomiendo para webs comerciales como norma general). Debes asegurarte de que el tamaño y la forma del cuadro no permitan que se diferencie donde empieza uno y acaba el otro. En otras palabras, tu no querrás que el fondo de tu página parezca el suelo de tu lavabo. El fondo debe verse liso y sólido.

Para conseguir esto, empieza con una imagen relativamente grande, (yo uso aproximadamente 500 x 500 píxels) y selecciona un pequeño cuadro -en el centro de la imagen si es posible- usando la herramienta de selección con el "anti-alias" desactivado. Entonces elige: "selections">> "convert to seamless pattern".

Tu imagen debería, entonces, poder ser utilizada sin problemas como fondo.

Borders -

Los Borders son fondos en forma de línea que empiezan con un color a la izquierda de la pantalla y se degrada hacia la derecha hasta llegar al blanco (que ocupa 3/4 partes del ancho de la pantalla). El texto se coloca en este lugar de la página. Pienso que es una excelente opción para sitios comerciales. Tú tienes color sin comprometer la facilidad de lectura.

Cuando hagas tus borders, asegurate de que la imagen tiene un ancho de almenos 1600 píxels, impidiendo de esta manera que la imagen se repita a lo ancho, en resoluciones más grandes de pantalla.

Usuarios que han visto este tema también han visto...

- Documentos necesarios para un proyecto web
- Unos pierden, pero muchos ganan con los P2P
- ¿Qué es un dominio de Internet?
- Los usuarios de AdSense ya pueden acceder a unidades de vídeo con publicidad contextual
- Weebly: el más simple de los editores web online

- Versión imprimible de este documento

- Enviar por e-mail este documento