¿Cómo optimizar imágenes para la Web en Fireworks CS5

categoría Computadoras y software / Gráficos y animación / Diseño Grafico

Una vez creado y editado una imagen en Adobe Fireworks Creative Suite 5, ya está listo para prepararlo para la web. Debe tener en cuenta dos factores importantes en gráficos de la tela: la velocidad de descarga y la apariencia. Tener lo mejor de ambos mundos es difícil, sin embargo- lo general, se opta por renunciar a alguna apariencia para una mejor velocidad. Este proceso es la optimización.

Configuración de vista previa web

Fireworks CS5 le ayuda con el proceso de optimización desde el principio. Mediante el uso de la vista previa de 2-Up en la parte superior izquierda de la ventana de la imagen, se puede comparar fácilmente su imagen optimizada con el original, en base a su configuración en el panel Optimizar.

Usted puede incluso utilizar las ventanas de vista previa para comparar dos a cuatro formatos web y ver que uno 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 quieres volver loco, usted puede comparar cuatro ajustes haciendo clic en 4 copias. El uso de las ventanas de vista previa, puede cambiar rápidamente varios ajustes - como el formato, número de colores y la calidad - y ver el efecto inmediatamente, sin la vista previa de la imagen en la tela.

imagen0.jpg

Trabajar con el panel Optimizar

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

image1.jpg

Cuando usted entiende la configuración web de formato, puede hacer clic en la imagen en miniatura que desea optimize- elija Ventana-Optimizar para abrir el panel sensible Optimizar y aplicar los ajustes que proporcionan el mejor más imagen, el tamaño eficiente.

Si no está seguro de qué elegir, elegir un valor predeterminado en el menú desplegable Opciones guardadas. Típicamente, la línea arte y gráficos vectoriales (creados con colores sólidos) son la mejor manera de guardar como archivos GIF, mientras que las fotografías o imágenes con tintes gradiente deben ser guardados como archivos JPG. Después de elegir la configuración óptima, puede exportar la imagen.

Exportación para la web

Puede exportar imágenes individuales o páginas web enteras utilizando la función de exportación de los fuegos artificiales.

Para exportar un documento de Fireworks, siga estos pasos:

  1. Elija Archivo-Exportar.

    Se abre el cuadro de diálogo Exportar.

  2. Vaya a un lugar adecuado para guardar el archivo.

    Si va a usar esta imagen en un sitio web, lo mejor es guardarlo en la carpeta que normalmente utiliza para imágenes web.

    image2.jpg

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

  4. Seleccione Sólo imágenes en la lista desplegable Exportar y haga clic en Guardar.



Artículos Relacionados

Sobre el autor
Cómo exportar EPS de Adobe CS6 InDesign documentos para impresión Cómo exportar EPS de Adobe CS6 InDesign documentos para impresión

De InDesign, puede exportar archivos EPS, que son útiles para importar a otros programas. Los archivos EPS son archivos gráficos de una sola página, lo que significa que cada página de InDesign exportado se guarda como un archivo EPS…

Cómo exportar rodajas en Fireworks CS5 Cómo exportar rodajas en Fireworks CS5

Slformación de hielo es una técnica para romper grandes archivos en paquetes más pequeños para que descarga más rápido. Una vez que haya rodajas su obra de arte en Adobe Fireworks Creative Suite 5, puede exportar las rodajas de acabados para…

Cómo importar y exportar en Dreamweaver Cómo importar y exportar en Dreamweaver

Adobe Creative Suite 5 le permite importar y exportar archivos en Dreamweaver. Existen herramientas que le permiten soltar imágenes nativas en Dreamweaver, así como ino InDesign, Illustrator y Flash.Importación en DreamweaverEn Dreamweaver, puede…

Cómo probar y exportar un mapa de imágenes en Adobe Fireworks CS6 Cómo probar y exportar un mapa de imágenes en Adobe Fireworks CS6

Después de crear y enlazó un mapa de imágenes en Adobe Fireworks CS6, usted está listo para probar y exportar para su uso en tu página web. Sigue estos pasos:Pon a prueba tu mapa de imagen seleccionando Archivo-Vista previa en el navegador.Si…

Cómo probar y mapas en Fireworks CS5 imagen de exportación Cómo probar y mapas en Fireworks CS5 imagen de exportación

Después de crear y enlazó un mapa de imagen en Fireworks CS5, ya está listo para probar y exportar para su uso en tu página web. Sigue estos pasos:Pon a prueba tu mapa de imagen seleccionando Archivo-Vista previa en el navegador.Si usted es…

Colocación de la imagen en adobe dreamweaver cs5 páginas Colocación de la imagen en adobe dreamweaver cs5 páginas

Puede utilizar los elementos del menú, copiar y pegar, e incluso arrastrar y soltar imágenes en su página de Dreamweaver de Adobe Creative Suite 5 (CS5 de Adobe). Como resultado, poner imágenes en una página web con Dreamweaver es más fácil…

Objetos inteligentes de Photoshop en Adobe CS5 Dreamweaver Objetos inteligentes de Photoshop en Adobe CS5 Dreamweaver

Si ha creado obras de arte o imágenes preparadas en Photoshop, puede colocar archivos PSD originales directamente en sus Adobe Creative Suite 5 (CS5) páginas Adobe Dreamweaver. La ventana de vista previa de imágenes le permite guardar archivos de…

¿Cómo optimizar el GIF y PNG para su sitio de redes sociales ¿Cómo optimizar el GIF y PNG para su sitio de redes sociales

Si está trabajando con un gráfico que se puede visualizar en 256 colores o menos en su sitio de redes sociales - como un logotipo, personaje de dibujos animados, o dibujo - la mejor opción es utilizar el formato PNG y reducir el número total de…

Cómo optimizar las imágenes jpeg para su sitio de redes sociales Cómo optimizar las imágenes jpeg para su sitio de redes sociales

JPEG es una elección buen formato para su sitio de redes sociales. El formato JPEG es la mejor opción para la optimización de imágenes de tono continuo, como fotografías e imágenes con muchos colores o degradados. Al optimizar un JPEG, puede…

Optimizar obra gif en los fuegos artificiales Optimizar obra gif en los fuegos artificiales

Cuando tú optimizar obra en Fireworks, elija el formato de archivo para la exportación y luego especificar otros parámetros. Si su diseño tiene grandes áreas de colores y otros elementos sólidos, como un logotipo del cliente, el formato de…

Cómo optimizar las imágenes JPEG para la web Cómo optimizar las imágenes JPEG para la web

Tener imágenes llamativas en su sitio web es una de las mejores maneras de atraer iPhone y iPad entusiastas conscientes de la imagen. El formato JPEG es la mejor opción para la optimización de imágenes de tono continuo, como fotografías e…

¿Cómo optimizar imágenes de la web en formatos PNG ¿Cómo optimizar imágenes de la web en formatos PNG

Cuando usted está diseñando para el iPhone, iPad o iPod touch, tiene que elegir los mejores formatos de imagen y resolución, así como optimizar sus fotos y otros gráficos.Si está trabajando con un gráfico, como un logotipo, personaje de…

» » » » ¿Cómo optimizar imágenes para la Web en Fireworks CS5