Cómo Optimizar Imágenes para la Web en Fireworks CS5 - Dummies

Una vez que haya creado y editado una imagen en Adobe Fireworks Creative Suite 5, ya está listo para prepararla para la web. Debe considerar dos factores principales en los gráficos web: velocidad de descarga y apariencia. Sin embargo, tener lo mejor de ambos mundos es difícil; por lo general, optas por renunciar a alguna apariencia para una mejor velocidad. Este proceso es optimización

Configuración web de vista previa

Fireworks CS5 lo ayuda con el proceso de optimización desde el principio. Al utilizar la vista previa 2-Up en la sección superior izquierda de la ventana de la imagen, puede comparar fácilmente su imagen optimizada con la original, según su configuración en el panel Optimizar.

Incluso puede usar las ventanas de vista previa para comparar de dos a cuatro formatos web y ver cuál se ve mejor pero tiene el tamaño de archivo más razonable. Cada ventana de vista previa incluye información importante, como el tamaño del archivo.

Si quiere volverse loco, puede comparar cuatro configuraciones haciendo clic en 4-Up. Con las ventanas de vista previa, puede cambiar rápidamente varias configuraciones, como el formato, el número de colores y la calidad, y ver el efecto de inmediato, sin obtener una vista previa de la imagen en la web.

Trabaja con el panel Optimizar

Ahora que sabes cómo comparar imágenes, ¿dónde realizas los cambios de optimización necesarios? En el panel Optimizar, por supuesto.

Cuando comprenda la configuración del formato web, puede hacer clic en la imagen de vista previa que desea optimizar; elija Ventana → Optimizar para abrir el panel Optimizar; y aplique configuraciones que brinden la mejor y más eficiente imagen de tamaño.

Si no está seguro de qué elegir, elija una configuración predeterminada en el menú desplegable Configuración guardada. Por lo general, los gráficos lineales y gráficos vectoriales (creados con colores sólidos) son los mejores para guardar como archivos GIF, mientras que las fotografías o imágenes con tintes degradados deben guardarse como archivos JPG. Después de elegir la configuración óptima, puede exportar la imagen.

Exportar para la web

Puede exportar imágenes individuales o páginas web completas mediante la función de exportación de Fireworks.

Para exportar un documento de Fireworks, siga estos pasos:

1. Elija Archivo → Exportar.

   Se abre el cuadro de diálogo Exportar.

2. Navegue a una ubicación adecuada para guardar su archivo.

   Si tiene la intención de utilizar esta imagen en un sitio web, la mejor práctica es guardarla en la carpeta que normalmente usa para imágenes web.

   

3. Escriba un nombre en el cuadro de texto Nombre de archivo.

4. Elija solo imágenes en la lista desplegable Exportar y haga clic en Guardar.