Opciones Guardar para Web

Los formatos de gráficos Web pueden ser de mapa de bits (raster) o de vectores. Los formatos de mapa de bits (GIF, JPEG, PNG y WBMP) dependen de la resolución, lo que significa que las dimensiones de las imágenes de mapa de bits, y posiblemente la calidad de la imagen, variarán en diferentes resoluciones de pantalla. Los formatos de vectores (SVG y SWF) no dependen de la resolución y pueden someterse a escalado sin pérdida de calidad en las imágenes. Los formatos de vectores también pueden incluir datos raster. 

Opciones de optimización de JPEG

JPEG es el formato estándar para comprimir imágenes de tono continuo como las fotografías. La optimización de una imagen con formato JPEG depende de la compresión con menos calidad, que desecha datos de forma selectiva.

Determina el nivel de compresión. Cuanto más alto defina el ajuste de Calidad, más detalle conservará el algoritmo de compresión. Sin embargo, el uso de un ajuste de Calidad alto produce un tamaño de archivo mayor que el uso de un ajuste de Calidad bajo. Vea la imagen optimizada con varios ajustes de calidad para determinar el mejor equilibrio entre calidad y tamaño de archivo.

Crea un JPEG mejorado con un tamaño de archivo ligeramente más pequeño. Se recomienda el formato JPEG optimizado para obtener una máxima compresión de archivo; sin embargo, algunos navegadores anteriores no admiten esta característica.

Muestra la imagen de forma progresiva en un navegador Web. La imagen se muestra como una serie de superposiciones, para poder ver versiones de la imagen en baja resolución antes de descargarla completamente. La opción Progresivo requiere el uso del formato JPEG optimizado.

Especifica la cantidad de desenfoque que se va a aplicar a la imagen. Esta opción aplica un efecto idéntico al de un filtro de desenfoque gaussiano y permite una mayor compresión del archivo, con lo que se obtiene un tamaño de archivo menor. Se recomienda un ajuste del 0,1 al 0,5.

Conserva los perfiles de color en el archivo optimizado. Algunos navegadores utilizan perfiles de color para la corrección del color.

Especifique un color de relleno para los píxeles que eran transparentes en la imagen original. Haga clic en la muestra de color Mate para seleccionar un color en el selector de color o seleccione una opción en el menú Mate: Color de cuentagotas (para utilizar el color del cuadro de muestra del cuentagotas), Color frontal, Color de fondo, Blanco, Negro u Otro (para utilizar el selector de color).

Los píxeles que eran completamente transparentes en la imagen original se rellenan con el color seleccionado, mientras que los píxeles que eran parcialmente transparentes en la imagen original se fusionan con el color seleccionado.

Opciones de optimización GIF y PNG-8

GIF es el formato estándar para comprimir imágenes con color mate y detalles nítidos, como líneas, logotipos o ilustraciones con texto. Igual que el formato GIF, el formato PNG-8 comprime eficazmente áreas de color uniforme al tiempo que conserva detalles nítidos.

Los archivos PNG-8 y GIF admiten colores de 8 bits, por lo tanto pueden visualizar hasta 256 colores. El proceso de determinar qué colores se usan se llama indexación, por lo que las imágenes en formato GIF y PNG-8 a veces se llaman imágenes de color indexado. Para convertir una imagen a color indexado, se crea una tabla de colores de consulta, que almacena y genera el índice de los colores de la imagen. Si un color de la imagen original no aparece en la tabla de colores de consulta, la aplicación selecciona el color más cercano en la tabla o simula el color mediante una combinación de colores disponibles.

Además de las siguientes opciones, también puede ajustar el número de colores en la tabla de colores de la imagen. Consulte Personalización de la tabla de colores para imágenes GIF y PNG-8.

Reduce el tamaño de archivo descartando datos de forma selectiva. Cuanto más alto sea el ajuste especificado en Menos calidad, más datos se descartarán. A menudo se puede aplicar un valor de menos calidad entre el 5 y el 10, a veces hasta un 50, sin degradar la imagen. La opción Menos calidad puede reducir el tamaño de archivo entre un 5% y un 40%.

Especifica un método para generar la tabla de colores de consulta y el número de colores que desea en esta tabla. Puede seleccionar uno de los siguientes métodos de reducción de color:

Perceptual: crea una tabla de colores personalizada dando prioridad a los colores más sensibles para el ojo humano.

Selectiva: crea una tabla de colores parecida a la tabla de colores Perceptual, pero favorece amplias áreas de color y la conservación de los colores Web. Esta tabla de colores normalmente produce imágenes con colores de máxima integridad. Selectiva es la opción por defecto.

Adaptable: crea una tabla de colores personalizada realizando muestras del espectro predominante en la imagen. Por ejemplo, una imagen con solo los colores verde y azul produce una tabla de colores compuesta principalmente por verdes y azules. La mayoría de las imágenes concentran los colores en áreas determinadas del espectro.

Restrictiva (Web): utiliza la tabla de colores estándar de 216 colores común para las paletas de 8 bits (256 colores) de Windows y Mac OS. Esta opción garantiza que no se aplique ningún tramado de navegador a los colores cuando la imagen se visualice con un color de 8 bits. (Esta paleta también se denomina paleta compatible con Web). El uso de la paleta Web puede crear archivos más grandes y solo se recomienda cuando es prioritario evitar el tramado de navegador.

Personalizada: utiliza una paleta de colores creada o modificada por el usuario. Si abre un archivo GIF o PNG-8 existente, tendrá una paleta de colores personalizada.

Blanco y negro, Escala de grises, Mac OS, Windows Utilice una paleta definida de colores.

Determina el método y la cantidad de tramado que se va a aplicar. El tramado se refiere al método de simulación de los colores que no están disponibles en el sistema de visualización de color del ordenador. Un porcentaje de tramado mayor hace que aparezcan más colores y más detalle en una imagen, pero también puede incrementar el tamaño de archivo. Para obtener una compresión óptima, utilice el porcentaje inferior de tramado que ofrece el detalle de color que precisa. Las imágenes con colores uniformes fundamentalmente pueden funcionar correctamente sin tramado. Las imágenes con colores de tono continuo (especialmente gradientes de color) pueden necesitar el tramado para evitar la aparición de bandas de colores.

Puede seleccionar uno de los siguientes métodos de tramado:

Difusión: aplica un motivo al azar que normalmente se ve menos que el tramado de Motivo. Los efectos del tramado se difuminan entre los píxeles adyacentes.

Motivo: aplica un motivo cuadrado similar a los semitonos para simular cualquier color que no está en la tabla de colores.

Ruido: aplica un motivo al azar parecido al método de tramado de Difusión, pero sin difuminar el motivo entre los píxeles adyacentes. Con este método de tramado de Ruido no aparece ninguna grieta.

Determina la optimización de los píxeles transparentes de una imagen.

• Para que los píxeles completamente transparentes sean transparentes y para fusionar los píxeles parcialmente transparentes con un color, seleccione Transparencia y elija un color mate.

• Para rellenar píxeles completamente transparentes con un color y fusionar parcialmente píxeles transparentes con el mismo color, seleccione un color mate y deseleccione Transparencia.

• Para seleccionar un color mate, haga clic en la muestra de color mate y seleccione un color en el selector de color. De forma alternativa, seleccione una opción en el menú Mate: Color de cuentagotas (para utilizar el color del cuadro de muestra del cuentagotas), Color frontal, Color de fondo, Blanco, Negro u Otro (para utilizar el selector de color).

A. Imagen original B. Transparencia seleccionada con un color mate C. Transparencia seleccionada sin color mate D. Transparencia no seleccionada con un color mate

Cuando la opción Transparencia está seleccionada, puede elegir un método para tramar los píxeles parcialmente transparentes:

• Sin tramado de transparencia no aplica tramado a los píxeles parcialmente transparentes de la imagen.

• Tramado de transparencia de difusión aplica un motivo al azar que normalmente se ve menos que el tramado de Motivo. Los efectos del tramado se difuminan entre los píxeles adyacentes. Si selecciona este algoritmo, especifique un porcentaje de tramado para controlar la cantidad de tramado que se aplica a la imagen.

• Tramado de transparencia de motivo aplica un motivo cuadrado similar al de los semitonos a los píxeles parcialmente transparentes.

• Tramado de transparencia de ruido aplica un motivo al azar parecido al algoritmo Difusión, pero sin difuminar el motivo entre los píxeles adyacentes. Con el algoritmo Ruido no aparecen grietas.

Muestra una versión de resolución baja de la imagen en un navegador mientras se está descargando todo el archivo de la imagen. El entrelazado puede hacer que el tiempo de descarga parezca más reducido y asegura que el proceso se está realizando. Sin embargo, el entrelazado también aumenta el tamaño de archivo.

Especifica un nivel de tolerancia para convertir los colores a sus equivalentes más cercanos de la paleta Web y evitar el tramado de colores en un navegador. Un valor más alto cambia más colores.

Optimización para la transparencia en imágenes GIF y PNG

La transparencia permite crear imágenes no rectangulares para la Web. La transparencia del fondo conserva los píxeles transparentes en la imagen. De esta forma, es posible ver el fondo de la página Web a través de las áreas transparentes de la imagen.La opacidad del fondo simula la transparencia rellenando o fundiendo los píxeles transparentes con un color opaco que puede coincidir con el fondo de la página Web. La opacidad del fondo funciona mejor si el fondo de la página Web es de un color uniforme y se sabe cuál es.

Con las opciones Transparencia y Mate del cuadro de diálogo Guardar para Web y dispositivos podrá especificar cómo se han de optimizar los píxeles transparentes de las imágenes GIF y PNG.

• (GIF y PNG‑8) Para que los píxeles completamente transparentes sean transparentes y para fusionar los píxeles parcialmente transparentes con un color, seleccione Transparencia y elija un color mate.
• Para rellenar píxeles completamente transparentes con un color y fusionar parcialmente píxeles transparentes con el mismo color, seleccione un color mate y deseleccione Transparencia.
• (GIF y PNG-8) Si desea que todos los píxeles con un valor de transparencia de más del 50% sean completamente transparentes y que todos los píxeles con un valor de transparencia del 50% o menos sean completamente opacos, seleccione Transparencia y escoja Ninguno en el menú Mate.
• (PNG‑24) Para guardar una imagen con transparencia multinivel (hasta 256 niveles), seleccione Transparencia. La opción Mate está desactivada porque la transparencia multinivel permite que las imágenes se fusionen con cualquier color de fondo.

Para seleccionar un color mate, haga clic en la muestra de color mate y seleccione un color en el selector de color. De forma alternativa, seleccione una opción en el menú Mate: Color de cuentagotas (para utilizar el color del cuadro de muestra del cuentagotas), Color frontal, Color de fondo, Blanco, Negro u Otro (para utilizar el selector de color).

Visualización de la tabla de colores para un sector optimizado

La tabla de colores de un sector aparece en el panel Tabla de colores del cuadro de diálogo Guardar para Web y dispositivos.

 Seleccione un sector que esté optimizado en formato GIF o PNG-8. La tabla de colores del sector seleccionado aparece en la tabla de colores de Guardar para Web y dispositivos.

Si una imagen tiene varios sectores, los colores de la tabla de colores pueden variar entre sectores (para evitarlo, puede enlazar primero los sectores). Si selecciona varios sectores que utilizan diferentes tablas de colores, la tabla de colores está vacía y su barra de estado muestra el mensaje “Mixto”.

Personalización de la tabla de colores para imágenes GIF y PNG-8

La tabla de colores del cuadro de diálogo Guardar para Web y dispositivos permite personalizar los colores de las imágenes GIF y PNG-8 optimizadas. La reducción del número de colores normalmente conserva la calidad de la imagen y reduce el tamaño de archivo de la imagen.

Puede añadir y eliminar colores de la tabla de colores, convertir los colores seleccionados en colores compatibles con Web y bloquear los colores seleccionados para evitar que se eliminen de la paleta.

Ordenación de una tabla de colores

Seleccione un orden de clasificación en el menú de la paleta Tabla de colores:

• Desordenados restablece el orden original.
• Ordenar por tono ordena por la ubicación del color en la rueda de colores estándar (expresado como un grado entre 0 y 360). Los colores neutros tienen asignado un tono 0 y se ubican con los rojos.
• Ordenar por luminancia ordena por la luminosidad o brillo de un color.
• Ordenar por popularidad ordena por la frecuencia con la que aparece un color en la imagen.

Adición de un color a la tabla de colores

Es posible añadir colores que se quedaron fuera al crear la tabla de colores. Al añadir un color a una tabla dinámica cambia el color de la paleta más cercano al nuevo color. Al añadir un color a una tabla fija o personalizada se añade un color adicional a la paleta.

Selección de los colores de la tabla de colores

Aparece un borde blanco alrededor de los colores seleccionados en la Tabla de colores.

• Para seleccionar un color, haga clic en el color en la Tabla de colores.
• Para seleccionar varios colores en la tabla de colores, pulse Mayús y haga clic en otro color. Se seleccionan todos los colores de las filas que hay entre el primer color y el segundo color seleccionados. Para seleccionar un grupo de colores no consecutivo, pulse la tecla Ctrl (Windows) o la tecla Comando (Mac OS) y haga clic en cada uno de los colores que desea seleccionar. El menú de la paleta Tabla de colores también ofrece comandos para la selección de colores.
• Para seleccionar un color en la imagen de previsualización, haga clic en la previsualización con la herramienta Cuentagotas del cuadro de diálogo Guardar para Web y dispositivos. Pulse Mayús y haga clic para seleccionar colores adicionales.
• Para anular todas las selecciones de colores, elija Deseleccionar todos en el menú de la paleta Tabla de colores.

Cambio de un color

Es posible cambiar un color seleccionado de la tabla de colores por cualquier otro valor de color RGB. Cuando regenera la imagen optimizada, el color seleccionado se cambia por el nuevo color allí donde aparezca en la imagen.

Cambio de colores por sus equivalentes más cercanos en la paleta Web

Para proteger los colores del tramado de un navegador, puede convertir los colores en sus equivalentes más cercanos en la paleta Web. De esta manera se asegura de que los colores no se tramen cuando se visualicen en navegadores o en los sistemas operativos Windows o Macintosh que solo pueden mostrar 256 colores.

Asignación de colores a transparencia

Puede añadir transparencia a una imagen optimizada asignando los colores existentes a transparencia.

Bloqueo o desbloqueo de un color

Es posible bloquear colores seleccionados en la tabla de colores para impedir que se eliminen cuando se reduzca el número de colores y para evitar que sufran tramado en la aplicación.

Eliminación de colores seleccionados

Es posible eliminar colores seleccionados de la tabla de colores para disminuir el tamaño de archivo de la imagen. Cuando se elimina un color, las áreas de la imagen optimizada que previamente incluían dicho color se representan con el color más próximo que quede en la paleta.

Cuando se elimina un color, la tabla de colores automáticamente cambia a una paleta A medida. El motivo es que las paletas Adaptable, Perceptual y Selectiva automáticamente añaden de nuevo a la paleta el color eliminado cuando se vuelve a optimizar la imagen; la paleta A medida no cambia cuando se vuelve a optimizar la imagen.

Guardar tabla de colores

Es posible guardar tablas de colores de imágenes optimizadas para utilizarlas con otras imágenes y para cargar tablas de colores creadas en otras aplicaciones. Una vez que se carga una nueva tabla de colores en una imagen, los colores de la imagen optimizada se cambian para reflejar los colores de la nueva tabla de colores.

Carga de una tabla de colores

Opciones de optimización de PNG‑24

PNG-24 es apropiado para comprimir imágenes de tono continuo; sin embargo, produce archivos mucho más grandes que el formato JPEG. La ventaja de utilizar PNG-24 es que conserva hasta 256 niveles de transparencia en una imagen.

Determina la optimización de los píxeles transparentes de una imagen. Consulte Optimización para la transparencia en imágenes GIF y PNG.

Muestra una versión de resolución baja de la imagen en un navegador mientras se está descargando todo el archivo de la imagen. El entrelazado puede hacer que el tiempo de descarga parezca más reducido y asegura que el proceso se está realizando. Sin embargo, el entrelazado también aumenta el tamaño de archivo.

Opciones de optimización WBMP

El formato WBMP es el formato estándar para optimizar imágenes para dispositivos inalámbricos, como los teléfonos móviles. WBMP admite color de 1 bit, lo que significa que las imágenes WBMP contienen únicamente píxeles en blanco o negro.

El porcentaje y el algoritmo de tramado determinan el método y la cantidad de tramado que se va a aplicar. Para obtener un aspecto óptimo, utilice el porcentaje inferior de tramado que ofrece el detalle que precise.

Puede seleccionar uno de los siguientes métodos de tramado:

No aplica ningún tramado, con lo que la imagen se muestra con píxeles puramente blancos y negros.

Aplica un motivo al azar que normalmente se ve menos que el tramado de Motivo. Los efectos del tramado se difuminan entre los píxeles adyacentes. Si selecciona este algoritmo, especifique un porcentaje de tramado para controlar la cantidad de tramado que se aplica a la imagen.

Aplica un motivo cuadrado como de semitonos para determinar el valor de los píxeles.

Aplica un motivo al azar parecido al método de tramado de Difusión, pero sin difuminar el motivo entre los píxeles adyacentes. Con el algoritmo Ruido no aparecen grietas.

Opciones de optimización SWF (Illustrator)

El formato de archivo de Adobe Flash (SWF) es un formato de archivo gráfico basado en vectores utilizado en la creación de gráficos Web escalables y compactos. Puesto que el formato de archivo está basado en vectores, la ilustración conserva la calidad de la imagen en cualquier resolución. El formato SWF es ideal para la creación de cuadros de animación, pero también puede guardar imágenes rasterizadas en formato SWF o mezclar gráficos vectoriales y rasterizados.

Especifica el conjunto preconfigurado de opciones que desea utilizar para exportar. Puede crear nuevos ajustes preestablecidos definiendo opciones según sea necesario y eligiendo, a continuación, Guardar ajustes en el menú del panel. (Para abrir el menú del panel, haga clic en el triángulo a la derecha del menú Ajuste predeterminado.)

Especifica la primera versión de Flash Player que admitirá el archivo exportado.

Determina cómo se exportan las capas. seleccione Archivo AI a archivo SWF para exportar la ilustración a un solo fotograma. Seleccione Capas para cuadros SWF para exportar la ilustración de cada capa a un fotograma SWF independiente, creando así un SWF animado.

Especifica la precisión de las curvas Bézier. Un número bajo reduce el tamaño del archivo exportado con una ligera pérdida en la calidad de la curva. Un número más alto incrementa la precisión de la reproducción de las curvas Bézier, pero aumenta el tamaño del archivo.

Especifica la frecuencia de ejecución de la animación en un visor Flash. Esta opción sólo se encuentra disponible para Capas para cuadros SWF.

Esta opción hace que la animación se repita de forma continua, en lugar de reproducirla una y otra vez en un visor Flash. Esta opción sólo se encuentra disponible para Capas para cuadros SWF.

Amplía los trazos a rellenos con forma de trazo y acopla todos los modos de fusión y las transparencias que no son compatibles con SWF.

Convierte trazos en trazos de SWF, y aproxima u omite la transparencia que SWF no admite.

Comprime el archivo exportado.

Protege el archivo de manera que no lo puedan importar las aplicaciones distintas a Flash.

Convierte todo el texto a contornos para mantener el aspecto. Si pretende editar el texto en Flash, no seleccione esta opción.

Opciones de optimización SVG (Illustrator)

Es un formato de gráficos vectoriales que describe imágenes como formas, trazados, texto y efectos de filtro. Los archivos resultantes son compactos y ofrecen gráficos de alta calidad en Internet, en impresora e incluso en dispositivos portátiles y con recursos limitados.

Crea un archivo SVG comprimido (SVGZ).

Especifica la definición de tipo de documento XML SVG del archivo exportado.

SVG 1.0 y SVG 1.1: adecuados para archivos SVG que se van a ver en un ordenador de sobremesa. SVG 1.1 es la versión completa de la especificación SVG, de la que SVG Tiny 1.1, SVG Tiny 1.1 Plus, SVG Tiny 1.2, y SVG Basic 1.1 son subconjuntos.

SVG Basic 1.1: adecuado para archivos SVG que se van a ver en dispositivos con necesidades medias de alimentación, como los dispositivos portátiles. Tenga en cuenta que no todos los dispositivos portátiles admiten el perfil SVG Basic. Por lo tanto, seleccionar esta opción no garantiza que el archivo SVG se podrá ver en todos los dispositivos portátiles.SVG Basic no admite recorte no rectangular ni determinados efectos de filtro SVG.

SVG Tiny 1.1 y SVG Tiny 1.1+: adecuado para archivos SVG que se van a ver en dispositivos pequeños, como teléfonos móviles. Tenga en cuenta que no todos los teléfonos móviles admiten los perfiles SVG Tiny y SVG Tiny Plus. Por lo tanto, la selección de alguna de estas opciones no garantiza que el archivo SVG se podrá ver en todos los dispositivos pequeños.

SVG Tiny 1.2: adecuado para archivos SVG que se van a ver en varios dispositivos, desde PDA y móviles hasta ordenadores portátiles y de escritorio.
SVG Tiny no admite degradados, transparencia, recorte, máscaras, símbolos ni efectos de filtro SVG. SVG Tiny Plus incluye la capacidad para poder ver degradados y transparencia, pero no admite recorte, máscaras, símbolos ni efectos de filtro SVG.

Determina la precisión de los datos vectoriales del archivo SVG. Puede definir un valor comprendido entre 1 y 7. Un valor alto da lugar a un archivo de mayor tamaño y a una mejor calidad de la imagen.

Controla qué pictogramas se incrustan de un archivo SVG. Escoja Ninguno en el menú Subconjunto de fuentes en caso de que se pueda disponer de las fuentes necesarias instaladas en los sistemas de usuario final. Seleccione Solo se utilizan pictogramas a fin de incluir solamente pictogramas para el texto de la ilustración actual. Los demás valores (Inglés común, Inglés común y pictogramas usados, Latino común, Latino común y pictogramas usados, Todos los pictogramas) resultan útiles si el contenido textual del archivo SVG es dinámico como, por ejemplo, el texto generado por un servidor o el texto interactivo.

Especifica cómo se exportan las fuentes.

Adobe CEF: utiliza la técnica de reajuste de contorno/relleno de fuentes para representar mejor las fuentes pequeñas. El Visor SVG de Adobe admite este tipo de fuente aunque puede que otros visores SVG no.

SVG: no utiliza la técnica de reajuste de contorno/relleno de fuentes. Todos los visores SVG admiten este tipo de fuente.

Convertir a contornos: convierte el tipo a los trazados vectoriales. Utilice esta opción para mantener la apariencia visual del texto en todos los visores SVG.

Especifica si las imágenes se van a incrustar o a enlazar. Al incrustar imágenes aumenta el tamaño del archivo, pero se garantiza una continua disponibilidad de las imágenes rasterizadas.

Determinan el modo en que los atributos de estilo se guardan en el código SVG. El método predeterminado, Atributos de presentación, aplica las propiedades en el punto más alto de la jerarquía, lo que ofrece la mayor flexibilidad para ediciones y transformaciones específicas. El método Atributos de estilo crea los archivos más legibles pero puede llegar a incrementar el tamaño de estos. Seleccione este método al utilizar el código SVG en las transformaciones, por ejemplo, en las que utilizan XSLT (Extensible Stylesheet Language Transformation, Lenguaje de transformación de hoja de estilo extensible). El método Referencias a entidades da como resultado una mayor rapidez de los tiempos de visualización y una reducción del tamaño de archivo SVG. El método Elementos de estilo se utiliza al compartir archivos con documentos HTML. Si selecciona Elementos de estilo, puede modificar el archivo SVG para mover un elemento de estilo dentro de un archivo externo de estilos al que también hace referencia el archivo HTML; sin embargo, la opción Elementos de estilo produce también velocidades de visualización más lentas.

Determina cómo codificar los caracteres en el archivo SVG. La codificación UTF (Unicode Transformation Format, formato de transformación de Unicode) es compatible con todos los procesadores XML. (UTF-8 es un formato de 8 bits y UTF-16 es un formato de 16 bits.) La codificación ISO 8859‑1 y UTF‑16 no conserva los metadatos de archivo.

Optimiza imágenes para el Visor SVG de Adobe.

Más temas de ayuda

Optimización de imágenes para Internet