Opciones de optimización para Imágenes y archivos GIF animados

  1. Guía del usuario de Adobe Animate
  2. Introducción a Animate
    1. Novedades de Animate
    2. Glosario visual
    3. Requisitos del sistema para Animate
    4. Métodos abreviados de teclado de Animate
    5. Trabajar con varios tipos de archivo en Animate
  3. Animación
    1. Aspectos básicos de animaciones en Animate
    2. Cómo utilizar los fotogramas y fotogramas clave en Animate
    3. Animación fotograma a fotograma en Animate
    4. Uso de la animación de interpolación clásica en Animate
    5. Herramienta Pincel
    6. Guía de movimiento
    7. Interpolación de movimiento y ActionScript 3.0
    8. Acerca de la animación de interpolación de movimiento
    9. Animaciones de interpolación de movimiento
    10. Creación de una animación de interpolación de movimiento
    11. Uso de fotogramas clave de propiedad
    12. Animación de la posición con una interpolación
    13. Edición de interpolaciones de movimiento con el editor de movimiento
    14. Edición del trazado de movimiento de una animación de interpolación
    15. Manipulación de las interpolaciones de movimiento
    16. Adición de aceleraciones personalizadas
    17. Creación y aplicación de ajustes preestablecidos de movimiento
    18. Configuración de grupos de interpolación de animación
    19. Uso de interpolaciones de movimiento guardadas como archivos XML
    20. Interpolaciones de movimiento e interpolaciones clásicas
    21. Interpolación de forma
    22. Uso de la animación de la herramienta Hueso en Animate
    23. Trabajar con el rigging de personajes en Animate
    24. Uso de las capas de máscara en Adobe Animate
    25. Uso de escenas en Animate
  4. Interactividad
    1. Creación de botones en Animate
    2. Conversión de proyectos de Animate a otros formatos de documento
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Adición de interactividad con fragmentos de código en Animate
    5. Creación de componentes HTML5 personalizados
    6. Uso de componentes en HTML5 Canvas
    7. Creación de componentes personalizados: Ejemplos
    8. Fragmentos de código para componentes personalizados
    9. Prácticas recomendadas - Publicidad con Animate
    10. Autoría y publicación de realidad virtual
  5. Espacio de trabajo y flujo de trabajo
    1. Creación y administración de pinceles
    2. Uso de Google Fonts en documentos HTML5 Canvas
    3. Utilización de las Bibliotecas Creative Cloud y Adobe Animate
    4. Utilización del Escenario y el panel Herramientas en Animate
    5. Flujo de trabajo y espacio de trabajo de Animate
    6. Uso de las fuentes web en documentos de HTML5 Canvas
    7. Líneas de tiempo y ActionScript
    8. Trabajo con varias líneas de tiempo
    9. Configuración de preferencias
    10. Utilización de los paneles de edición de Animate
    11. Creación de capas de la línea de tiempo en Animate
    12. Exportación de animaciones para aplicaciones móviles y motores de juegos
    13. Desplazamiento y copia de objetos
    14. Plantillas
    15. Buscar y reemplazar en Animate
    16. Deshacer y rehacer en el panel Historial
    17. Métodos abreviados de teclado
    18. Uso de la Cronología en Animate
    19. Creación de extensiones HTML
    20. Opciones de optimización para Imágenes y archivos GIF animados
    21. Configuración de exportación de imágenes y archivos GIF
    22. Panel de Recursos en Animate
  6. Multimedia y vídeo
    1. Transformación y combinación de objetos gráficos en Animate
    2. Crear y trabajar con instancias de símbolo en Animate
    3. Calco de imagen
    4. Cómo utilizar el sonido en Adobe Animate
    5. Exportación de archivos SVG
    6. Creación de archivos de vídeo para su uso en Animate
    7. Cómo añadir un vídeo a Animate
    8. Trabajo con puntos de referencia de vídeo
    9. Dibujo y creación de objetos en Animate
    10. Remodelado de líneas y formas
    11. Trazos, rellenos y degradados en Animate CC
    12. Uso de Adobe Premiere Pro y After Effects
    13. Paneles de color en Animate CC
    14. Apertura de archivos de Flash CS6 con Animate
    15. Uso de texto clásico en Animate
    16. Colocación de ilustraciones en Animate
    17. Mapas de bits importados en Animate
    18. Gráficos 3D
    19. Trabajo con símbolos en Animate
    20. Dibujo de líneas y formas en Adobe Animate
    21. Uso de bibliotecas en Animate
    22. Exportación de sonidos
    23. Selección de objetos en Animate CC
    24. Trabajo con archivos AI de Illustrator en Animate
    25. Aplicación de patrones con el pincel rociador
    26. Aplicación de modos de mezcla
    27. Organización de objetos
    28. Automatización de tareas con el menú Comandos
    29. Texto en varios idiomas
    30. Utilización de la cámara en Animate
    31. Uso de Animate con Adobe Scout
    32. Trabajo con archivos de Fireworks
    33. Filtros de gráficos
    34. Sonido y ActionScript
    35. Preferencias de dibujo
    36. Dibujo con la herramienta Pluma
  7. Plataformas
    1. Conversión de proyectos de Animate a otros formatos de documento
    2. Compatibilidad con plataformas personalizadas
    3. Creación y publicación de documentos de HTML5 Canvas en Animate
    4. Creación y publicación de un documento de WebGL
    5. Empaquetado de aplicaciones para AIR para iOS
    6. Publicación de aplicaciones de AIR for Android
    7. Publicación para Adobe AIR para escritorio
    8. Configuración de publicaciones de ActionScript
    9. Prácticas recomendadas - Organización de ActionScript en una aplicación
    10. Uso de ActionScript con Animate
    11. Prácticas recomendadas - Directrices de accesibilidad
    12. Accesibilidad en el espacio de trabajo de Animate
    13. Cómo escribir y gestionar scripts
    14. Activación de la compatibilidad con plataformas personalizadas
    15. Información general sobre compatibilidad con plataformas personalizadas
    16. Creación de contenido accesible
    17. Uso de plugins de compatibilidad con plataformas personalizadas
    18. Depuración de ActionScript 3.0
    19. Activación de la compatibilidad con plataformas personalizadas
  8. Exportación y publicación
    1. Exportación de archivos de Animate CC
    2. Publicación de OAM
    3. Exportación de archivos SVG
    4. Exportación de gráficos y vídeos con Animate
    5. Publicar documentos de AS3
    6. Exportación de animaciones para aplicaciones móviles y motores de juegos
    7. Exportación de sonidos
    8. Exportación de archivos de vídeo QuickTime
    9. Control de reproducción de vídeo externo con ActionScript
    10. Prácticas recomendadas - Sugerencias para crear contenido para dispositivos móviles
    11. Prácticas recomendadas - Convenciones de vídeo
    12. Prácticas recomendadas - Directrices de edición de aplicaciones SWF
    13. Prácticas recomendadas - Estructuración de archivos FLA
    14. Prácticas recomendadas de optimización de archivos FLA para Animate
    15. Configuración de publicaciones de ActionScript
    16. Especificación de configuración de publicación para Animate
    17. Exportación de archivos de proyector
    18. Exportar imágenes y archivos GIF animados
    19. Plantillas de publicación HTML
    20. Uso de Adobe Premiere Pro y After Effects
    21. Compartir y publicar animaciones rápidamente

Utilice este tema para obtener más información sobre las distintas opciones para exportar imágenes y archivos GIF animados.

Formatos de gráficos 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 y PNG) 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.

Ajustes de optimización A. Menú Formato de archivo B. Menú Calidad de compresión C. Menú Optimizar

Calidad

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.

Optimizado

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.

Progresivo

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.

Nota:

Los archivos JPEG progresivos requieren más RAM para poder verlos y no son compatibles con todos los navegadores.

Desenfocar

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.

Incrustar perfil de color (Photoshop) o perfil ICC (Illustrator)

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

Mate

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.

Opciones GIF

Menos calidad (solo GIF)

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%.

Nota:

No es posible utilizar la opción Menos calidad con la opción Entrelazado ni con algoritmos de ruido o tramado de motivo.

Método de reducción de color y Colores

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.

Nota:

Utilice la paleta Tabla de colores del cuadro de diálogo Guardar para Web y dispositivos para personalizar la tabla de colores de consulta.

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

Método de tramado y Tramado

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.

Imagen GIF con 0% de tramado (izquierda) y con 100% de tramado (derecha)

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.

Transparencia y Mate

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).

Nota:

Las opciones Color frontal y Color de fondo solo se encuentran disponibles en Photoshop.

Ejemplos de transparencia y de mate

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

Tramado de transparencia

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.

Ejemplo de tramado de transparencia de motivo (izquierda) y aplicación a un fondo de página Web (derecha)

Entrelazado

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.

Ajuste a Web

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.
Nota:

en los navegadores que no admiten transparencia PNG‑24, los píxeles transparentes pueden mostrarse sobre un color de fondo predeterminado, como el gris.

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).

Nota:

Las opciones Color frontal y Color de fondo solo se encuentran disponibles en Photoshop.

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.

  1. Si hay colores seleccionados en la tabla de colores, elija Anular todas las selecciones en el menú de la paleta Tabla de colores para anular todas las selecciones.

  2. Elija un color mediante una de las siguientes acciones:

    • Haga clic en el cuadro Color de cuentagotas del cuadro de diálogo Guardar para Web y dispositivos y elija un color en el selector de colores.

    • Seleccione la herramienta Cuentagotas en el cuadro de diálogo Guardar para Web y dispositivos y haga clic en la imagen.

  3. Realice uno de los siguientes pasos:

    • Haga clic en Nuevo color en la tabla de color.

    • Seleccione Nuevo color en el menú de la paleta Tabla de color.

    • Para cambiar la tabla de colores por la paleta A medida, mantenga pulsada la tecla Ctrl (Windows) o Comando (Mac OS) cuando añada el nuevo color.

      El nuevo color aparece en la tabla de colores con un pequeño cuadrado blanco en la esquina inferior derecha, lo que indica que el color está bloqueado. Si la tabla de colores es dinámica, el color original aparece en la esquina superior izquierda y el color nuevo aparece en la esquina inferior derecha.

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.

  1. Haga doble clic en el color de la tabla de colores para visualizar el selector de color predeterminado.

  2. Seleccione un color.

    El color original aparece en la esquina superior izquierda de la muestra de color y el color nuevo aparece en la esquina inferior derecha. El cuadrado pequeño situado en la esquina inferior derecha de la muestra de color indica que el color está bloqueado. Si cambia a un color compatible con Web, aparece un pequeño diamante blanco en el centro de la muestra.

  3. Para devolver un color cambiado a su color original, realice una de estas acciones:

    • Haga doble clic en la muestra del color cambiado. El color original se selecciona en el selector de color. Haga clic en Aceptar para restaurar el color.

    • Para descartar todos los cambios en los colores de una tabla de colores (incluidos los colores convertidos a Web), elija Anular conversión a Web de todos en el menú de la paleta Tabla de colores.

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.

  1. Seleccione uno o más colores de la imagen optimizada o tabla de colores.

  2. Realice uno de los siguientes pasos:

    • Haga clic en el botón Conversión a web de la paleta Tabla de color.

    • Elija Convertir/No convertir los colores seleccionados a/desde una paleta Web en el menú de la paleta Tabla de colores. El color original se muestra en la parte superior izquierda de la muestra de color y el color nuevo se muestra en la parte inferior derecha. El pequeño diamante blanco situado en el centro de la muestra de color indica que el color es compatible con Web; el cuadrado pequeño situado en la esquina inferior derecha indica que el color está bloqueado.

  3. Para definir la tolerancia del cambio, introduzca el valor de Ajuste a Web. Un valor más alto cambia más colores.

  4. Para invertir los colores cambiados a Web, realice una de estas acciones:

    • Seleccione un color convertido a web de la tabla de color y haga clic en el botón Conversión a web de la paleta Tabla de color.

    • Para revertir los colores convertidos a web de la tabla de color, elija Anular conversión a web de todos en el menú de la paleta Tabla de color.

Asignación de colores a transparencia

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

  1. Seleccione uno o más colores de la imagen optimizada o tabla de colores.

  2. Realice uno de los siguientes pasos:

    • Haga clic en el botón Asignar transparencia de la paleta Tabla de colores.

    • Elija Ajustar/Desajustar colores seleccionados a/de transparente en el menú de la paleta Tabla de colores.

      La cuadrícula de transparencia aparece en medio de cada color asignado. El cuadrado pequeño situado en la esquina inferior derecha de la muestra de color indica que el color está bloqueado.

  3. Para devolver la transparencia al color original, realice una de estas acciones:

    • Seleccione los colores que desee restaurar y haga clic en el botón Asignar transparencia o elija Ajustar/Desajustar colores seleccionados a/de transparente en el menú de la paleta Tabla de colores.

    • Para descartar todos los cambios en los colores asignados a transparencia, elija Desajustar todos los colores transparentes.

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.

Nota:

bloquear colores no evita el tramado en un navegador.

  1. Seleccione uno o más colores en la tabla de colores.

  2. Realice una de las acciones siguientes para bloquear el color:

    • Haga clic en el botón Bloquear .

    • Elija Bloquear o desbloquear los colores seleccionados en el menú de la paleta Tabla de colores.

    Aparece un cuadrado blanco en la esquina inferior derecha de cada color bloqueado.

  3. Realice una de las acciones siguientes para desbloquear el color:

    • Haga clic en el botón Bloquear .

    • Elija Bloquear/Desbloquear los seleccionados en el menú de la paleta Tabla de colores.

    El cuadrado blanco desaparece de la muestra del color.

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.

  1. Seleccione uno o más colores en la tabla de colores.

  2. Realice una de las acciones siguientes para eliminar el color:

    • Haga clic en el icono Eliminar.

    • Seleccione Eliminar color en el menú de la paleta Tabla de colores.

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.

  1. Seleccione Guardar tabla de colores en el menú de la paleta Tabla de colores.

  2. Asigne un nombre a la tabla de color y seleccione una ubicación donde guardarla. De forma predeterminada, el archivo de la tabla de color tiene la extensión .act (de laTabla de colores).

    Si desea acceder a la tabla de colores cuando seleccione opciones de optimización para una imagen GIF o PNG, guarde la tabla de colores en la carpeta Colores optimizados dentro de la carpeta de la aplicación de Photoshop.

  3. Haga clic en Guardar.

    Nota:

    cuando se vuelve a cargar la tabla, los colores cambiados aparecen como muestras completas y se desbloquean.

Carga de una tabla de colores

  1. Seleccione Cargar tabla de colores en el menú de la paleta Tabla de colores.

  2. Navegue hasta un archivo que contenga la tabla de colores que desee cargar, bien sea un archivo de tabla de colores de Adobe (.act), un archivo de muestra de color de Adobe (.aco) o un archivo GIF (para cargar la tabla de colores incrustada).

  3. Haga clic en Abrir.

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.

Transparencia y Mate

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

Opciones PNG-24

Entrelazado

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.

Más temas de ayuda

Logotipo de Adobe

Inicia sesión en tu cuenta