cómo mejorar una imagen en adobe fireworks

11
Cómo mejorar una imagen en Macromedia fireworks Arquitectura web MaritzolTenemaza Ing Maritzol Tenemaza MSc

Upload: maritzol-tenemaza

Post on 13-Jun-2015

2.291 views

Category:

Education


0 download

DESCRIPTION

como p

TRANSCRIPT

Page 1: Cómo mejorar una imagen en adobe fireworks

Cómo mejorar una imagen en

Macromedia fireworksArquitectura web

Maritzol Tenemaza

Ing Maritzol Tenemaza MSc

Page 2: Cómo mejorar una imagen en adobe fireworks

Porqué configurar la imagen antes

de usarla La imagen debe ser procesada antes de ser

usada.

Su tamaño es pixeles

Su peso viene dado por el formato de la imagen:

◦ BMP - Mapa de bits (bitmap)

◦ GIF - Graphics Interchange Format

◦ JPG - Joint Photographic Experts Group

◦ PNG - Portable Network graphics

◦ TIF - Tagged-Image File Format

Ing Maritzol Tenemaza MSc

Page 3: Cómo mejorar una imagen en adobe fireworks

Analicemos los formatos BMP es el formato más usado en aplicaciones Windows. En la codificación

de la imagen no hay compresión y por lo general resultan archivos grandes.Su ventaja es que lo lee cualquier programa que maneje imagen.

GIF es el formato de archivo que se utiliza habitualmente para mostrargráficos e imágenes de color indexado (preserva la transparencia) endocumentos HTML en Internet y otros servicios en línea. GIF es unformato comprimido con LZW diseñado para minimizar el tamaño delarchivo y el tiempo de transferencia electrónica.

JPEG se utiliza habitualmente para mostrar fotografías y otras imágenesde tono continuo en documentos HTML en Internet y otros servicios enlínea. El formato JPEG admite los modos de color CMYK, RGB y Escala degrises pero no admite canales alfa (No preserva la transparencia). Adiferencia del formato GIF, JPEG retiene toda la información de color deuna imagen RGB pero comprime el tamaño del archivo descartando datosselectivamente.

Ing Maritzol Tenemaza MSc

Page 4: Cómo mejorar una imagen en adobe fireworks

Analicemos los formatos

PNG es uno de los formatos más interesantes. está siendobien acogido por los desarrolladores de páginas web.Desarrollado como una alternativa sin patente al formatoGIF, el formato de gráficos de red portátiles (PNG) se utilizapara una compresión sin pérdidas y para la visualización deimágenes en Internet. A diferencia del formato GIF, PNGadmite imágenes de 24 bits y produce transparencia defondo sin bordes irregulares. Esto es algo que consigue pormedio del "canal alpha", que permite definir el grado detransparencia u opacidad de un color. Sin embargo, algunosnavegadores Web no admiten imágenes PNG.

TIFF. No es un formato para Internet debido al gran tamaño de los archivos con este formato.

Ing Maritzol Tenemaza MSc

Page 5: Cómo mejorar una imagen en adobe fireworks

Primer paso: Archivo /Abrir

Ing Maritzol Tenemaza MSc

Page 6: Cómo mejorar una imagen en adobe fireworks

Busca la imagen que llevarás al sitio

web

Ing Maritzol Tenemaza MSc

Page 7: Cómo mejorar una imagen en adobe fireworks

Archivo/presentación preliminar

Ing Maritzol Tenemaza MSc

Page 8: Cómo mejorar una imagen en adobe fireworks

Escoge el formato

Ing Maritzol Tenemaza MSc

Page 9: Cómo mejorar una imagen en adobe fireworks

Define el tamaño

Ing Maritzol Tenemaza MSc

Page 10: Cómo mejorar una imagen en adobe fireworks

Exporta la imagen al sitio, donde

creas antes una carpeta imágenes

Ing Maritzol Tenemaza MSc

Page 11: Cómo mejorar una imagen en adobe fireworks

Mira tu imagen en Dreamweaver

Ing Maritzol Tenemaza MSc