PDF (adobe.com)

Configuración de las opciones del cuadro de diálogo Presentación preliminar de la imagen



    Opciones del cuadro de diálogo Vista previa de imagen

    Cuando cree un objeto inteligente o pegue una selección desde Photoshop, Dreamweaver mostrará el cuadro de diálogo Presentación preliminar de imagen. (Dreamweaver también muestra este cuadro de diálogo para cualquier otra imagen si selecciona la imagen y hace clic en el botón Editar configuración de imagen en el inspector de propiedades.) Este cuadro de diálogo le permite definir y obtener una presentación preliminar de la configuración de imágenes Web empleando la combinación adecuada de color, compresión y calidad.

    Una imagen para Web se puede mostrar con el mismo aspecto en todos los navegadores Web modernos. Cuando se inserta una imagen de Photoshop, el cuadro de diálogo Presentación preliminar permite ajustar varios valores para lograr una publicación en Web óptima. En general, el resultado es un compromiso entre calidad y tamaño de archivo.
    Ver gráfico a tamaño completo
    El cuadro de diálogo Presentación preliminar de imagen

    A.
    Ficha Opciones

    B.
    Ficha Archivo

    C.
    Panel de presentación preliminar

    Nota: Con independencia de la configuración elegida, sólo se ve afectada la versión exportada del archivo de imagen. El archivo original PSD de Photoshop o PNG de Fireworks siempre permanece intacto.

    El cuadro de diálogo Presentación preliminar de imagen tiene tres secciones:

    • La ficha Opciones permite definir el formato de archivo que se usará y establecer preferencias como el color.

    • La ficha Archivo le permite establecer el factor de escala y el tamaño del archivo de destino de la imagen.

    • El panel Presentación preliminar permite ver una versión de la imagen con la configuración actual.

    Existen otras muchas opciones de imagen disponibles en la ficha Opciones que varían en función del formato de archivo elegido. Para mayor comodidad, en el menú desplegable Configuraciones guardadas hay disponibles varios conjuntos de opciones de imagen GIF y JPEG.

    Opciones de imágenes JPEG

    Puede optimizar una imagen JPEG ajustando sus opciones de compresión y suavizado. No puede modificar su paleta de colores.

    Calidad
    Use el control deslizante para aumentar o reducir la calidad de la imagen. La calidad alta genera un archivo de mayor tamaño.

    Suavizado
    Permite aumentar el suavizado según sea necesario. Las imágenes de menor calidad pueden requerir un valor más elevado.

    Visualización de navegador progresiva
    Inicialmente presenta una imagen a baja resolución y durante la descarga la definición aumenta progresivamente. Esta opción no está seleccionada de forma predeterminada.

    Perfilar bordes de colores
    Permite obtener una imagen de más calidad.

    Mate
    Permite establecer el fondo de la imagen. Puede mantener la transparencia de un archivo PNG de 32 bpc (bits por canal) haciendo clic en el icono de transparencia del cuadro de diálogo Mate. También puede utilizar Mate para suavizar objetos de bordes no pronunciados que residan directamente en el lienzo haciendo coincidir el color mate con el del fondo.

    Eliminar colores no utilizados
    Reduce el tamaño de archivo eliminando los colores que no se utilizan en la imagen.

    Optimizar tamaño
    Especifica el tamaño de imagen en kilobytes. En el caso de imágenes de 8 bpc, el asistente intenta conseguir el tamaño de archivo solicitado ajustando el número de colores o la trama.

    Opciones de imágenes GIF y PNG

    En la ficha Opciones, es posible indicar un valor de transparencia para diferentes colores en imágenes GIF y PNG de 8 bpc de modo que el fondo de la página Web sea visible en las áreas con estos colores. Para ello se debe ajustar la paleta de colores que se encuentra a la izquierda de la ficha Opciones. Las imágenes PNG que tienen un formato de 32 bpc contienen automáticamente transparencia, aunque en el panel Optimizar no aparece una opción de transparencia con los archivos PNG de 32 bpc.

    Paleta
    La opción predeterminada es Adaptable. Seleccione una de las configuraciones guardadas de paleta de colores en el menú emergente para utilizar un conjunto predefinido de opciones

    Pérdida
    La opción predeterminada es 0. No se puede aplicar a las imágenes PNG de

    Tramar
    Trata de lograr colores que no se encuentran en la paleta actual alternando píxeles con colores similares de modo que la mezcla se asemeje al color que falta. El tramado resulta especialmente útil en la exportación de imágenes con fusiones o degradados complejos, y al exportar imágenes fotográficas a un formato de 8 bpc como el formato GIF. Esta opción no está seleccionada de forma predeterminada.
    Nota: El tramado puede aumentar mucho el tamaño de archivo.

    Lista Número de colores
    La opción predeterminada es 256. El número de colores depende del comportamiento actual de la paleta. Por ejemplo, la paleta “Web 216” sólo puede mostrar 216 colores.

    Paleta Color
    La visualización de colores varía en función del comportamiento de la paleta seleccionada y del número máximo de colores.

    Herramientas de paleta
    Haga clic en cualquier píxel de la paleta y haga clic en estos iconos para cambiar, añadir o eliminar un color, convertir un color en transparente, ajustar un color a un valor seguro para la Web o bloquearlo.

    Iconos de selección de color transparente
    Estos botones permiten seleccionar, añadir o eliminar un color de la paleta. Por ejemplo, si elige la opción Seleccionar color transparente, puede hacer clic en cualquier píxel de la paleta o en un punto de color del panel de presentación preliminar para convertirlo en transparente.

    Menú emergente Transparencia
    Permite especificar Transparencia de índice, Transparencia alfa o Sin transparencia. Un tablero de cuadros grises y blancos en las presentaciones preliminares del documento indican áreas transparentes. Para ver cómo las distintas opciones afectan a la imagen, elija 2 ventanas o 4 ventanas de presentación preliminar y haga clic en una imagen que no sea la original.
    Índice
    Utilice Transparencia de índice para exportar imágenes GIF que contengan áreas transparentes. Con Transparencia de índice puede indicar que determinados colores sean transparentes en el momento de la exportación. La transparencia de índice activa y desactiva píxeles con determinados valores de color.

    Alfa
    Utilice Transparencia alfa para exportar imágenes PNG de 8 bpc que contengan áreas transparentes. La transparencia alfa permite crear degradados de transparencia y píxeles semi-opacos.

    Mate
    Permite establecer el fondo de la imagen. Puede mantener la transparencia de un archivo PNG de 32 bpc haciendo clic en el icono de transparencia del cuadro de diálogo Mate. También puede utilizar Mate para suavizar objetos de bordes no pronunciados que residan directamente en el lienzo haciendo coincidir el color mate con el del fondo.

    Eliminar colores no utilizados
    Reduce el tamaño de archivo eliminando los colores que no se utilizan en la imagen.

    Visualización de navegador entrelazado
    Inicialmente presenta una imagen entrelazada a baja resolución y durante la descarga la definición aumenta progresivamente. Esta opción no está seleccionada de forma predeterminada.

    Optimizar tamaño
    Permite especificar un tamaño para la imagen en kilobytes. En el caso de imágenes de 8 bpc, el asistente intenta conseguir el tamaño de archivo solicitado ajustando el número de colores o la trama.

    Configuraciones guardadas

    Dreamweaver ofrece varias configuraciones para su comodidad. En función de la configuración guardada que elija, las opciones de imagen especificas de cada tipo de archivo descritas anteriormente pueden cambiar.

    GIF Web 216
    Fuerza a que todos los colores sean seguros para la Web. La paleta de colores contiene 216 colores como máximo.

    GIF Websnap 256
    Convierte los colores que no sean seguros para la Web en sus equivalentes más cercanos que sí lo sean. La paleta de colores contiene 256 colores como máximo.

    GIF Websnap 128
    Convierte los colores que no sean seguros para la Web en sus equivalentes más cercanos que sí lo sean. La paleta de colores contiene 128 colores como máximo.

    GIF adaptable 256
    Una paleta de colores que sólo contiene los colores utilizados en el gráfico. La paleta de colores contiene 256 colores como máximo.

    JPEG - Calidad superior
    Define la calidad en 80 y el suavizado en 0 para conseguir un gráfico de alta calidad y gran tamaño.

    JPEG - Archivo más pequeño
    Define la calidad en 60 y el suavizado en 2 para conseguir un gráfico con la mitad del tamaño conseguido con la opción JPEG - Calidad superior pero con una menor calidad.

    (Opcional) Cambio de la escala de la imagen o de las opciones de área de exportación en la ficha Archivo

    1. Seleccione la ficha Archivo.

    2. Reduzca o amplíe la imagen siguiendo uno de los procedimientos siguientes:

      • Especifique un porcentaje de escala.

      • Introduzca valores absolutos de píxel para la anchura o altura.

    3. Seleccione Restringir para mantener las proporciones de la imagen original durante el cambio de escala.

    4. Cambie la forma de la imagen insertada eligiendo del icono Exportar área y realizando una de las acciones siguientes:

      • Arrastre el borde punteado alrededor de la imagen según sea necesario. Arrastre la imagen dentro de los bordes para ver áreas ocultas.

      • Introduzca coordenadas de píxeles para los límites de la imagen.

    (Opcional) Vista previa y ajuste de imágenes en el panel Presentación preliminar

    1. En el cuadro de diálogo Presentación preliminar de imagen, elija la opción de presentación preliminar de la imagen con la configuración. Si el rendimiento representa un problema, es posible que no desee seleccionar esta opción.

    2. Seleccione una de las configuraciones guardadas de paleta de colores en el menú emergente Configuraciones guardadas para utilizar un conjunto predefinido de opciones.

    3. Si la imagen es mayor que el área de presentación preliminar, utilice la herramienta Puntero para sujetar la presentación preliminar de la imagen y desplazarla horizontalmente para poder ver diferentes partes de ésta.

    4. Utilice la herramienta de recorte para reducir el tamaño de la imagen. Es posible que primero deba reducir la imagen para verla en su totalidad.

    5. Elija un valor en el menú emergente Establecer nivel de aumento para ampliar o reducir la vista de la imagen. También puede elegir la herramienta Aumentar/Reducir y hacer clic para ampliar la imagen o hacer clic mientras presiona la tecla Alt (Windows) u Opción (Macintosh) para reducir la imagen.

    6. Puede ver dos o cuatro optimizaciones diferentes haciendo clic en los botones 2 ventanas o 4 ventanas que se encuentran en la parte inferior del panel de presentación preliminar y elegir diferentes paletas de color para cada panel.

    Nota: Los controles de animación del cuadro de diálogo Presentación preliminar de imagen siempre están desactivados para imágenes de Photoshop.