Utilice este artículo para aprender a exportar imágenes y archivos GIF animados.

Animate introduce las funciones Exportar imagen y Exportar GIF animado para ayudarle a exportar activos con el formato .png, jpeg y GIF estático y animado en un formato fácil de usar e interactivo.

Al preparar imágenes para Internet y otros soportes en línea, es habitual hacer concesiones entre la calidad de la imagen y el tamaño de archivo.

Las funciones de optimización del cuadro de diálogo Exportar imagen permiten visualizar imágenes optimizadas en diferentes formatos de archivo y con distintos atributos de archivo. Puede ver varias versiones de una imagen a la vez y modificar los ajustes de optimización conforme previsualiza la imagen para poder seleccionar la combinación de ajustes que mejor se ajuste a sus necesidades. También puede especificar la transparencia o halos, seleccionar opciones para controlar el tramado y redimensionar la imagen hasta unas dimensiones en píxeles determinadas o hasta un porcentaje determinado del tamaño original.

Cuando guarda un archivo optimizado mediante el comando Exportar imagen, puede seleccionar que se genere un archivo HTML para la imagen. Este archivo contiene toda la información necesaria para visualizar la imagen en un navegador Web.

En Photoshop, puede utilizar el comando Guardar como para guardar una imagen como archivo GIF, JPEG o PNG. Según el formato de archivo, puede especificar una calidad de imagen, transparencia o halos de fondo, visualización del color y método de descarga. Sin embargo, las características Web (como enlaces y animaciones) añadidas al archivo no se conservan.

También se puede utilizar el Procesador de imágenes de Animate para guardar copias de una carpeta de imágenes en formato JPEG. El Procesador de imágenes permite redimensionar y convertir el perfil de color de las imágenes al estándar Web sRGB.

Exportar imágenes

Para seleccionar opciones de optimización y para obtener una vista previa de las ilustraciones optimizadas, utilice el cuadro de diálogo Exportar imagen (Archivo > > Exportar > Exportar imagen y Archivo > Exportar > Exportar GIF animado).

Export_image
A. Opciones de visualización B. Optimizar menú emergente C. Opciones predefinidas D. Opciones de tamaño de imagen E. Opciones de animación F. Previsualizar G. Barras de herramientas 

Haga clic en una ficha situada en la parte superior del área de imagen para seleccionar una opción de visualización:

Original

Muestra la imagen sin optimización.

Optimizado

Muestra la imagen con los ajustes de optimización aplicados.

2 copias

Muestra dos versiones de la imagen lado a lado.

Si no aparece toda la ilustración en el cuadro de diálogo Exportar imagen, puede utilizar la herramienta Mano para mostrar otra área. También se puede utilizar la herramienta Zoom para aumentar o reducir la vista.

  • Seleccione la herramienta Mano (o mantenga pulsada la barra espaciadora) y arrastre el cursor en el área de visualización para tener una panorámica de la imagen.
  • Seleccione la herramienta Zoom  y haga clic en una vista para aumentarla; mantenga pulsada la tecla Alt (Windows) u Opción (Mac OS) y haga clic en una vista para reducirla.

    También puede escribir un porcentaje de aumento o seleccionar uno en la parte inferior del cuadro de diálogo.

Visualización de la información de la imagen optimizada y el tiempo de descarga

El área de anotaciones situada bajo cada imagen en el cuadro de diálogo Exportar imagen proporciona información de optimización. La anotación de la imagen original muestra el nombre y el tamaño de archivo. La anotación de la imagen optimizada muestra las opciones de optimización actuales, el tamaño del archivo optimizado y el tiempo de descarga estimado a la velocidad seleccionada del módem. Puede elegir la velocidad del módem en el menú emergente de previsualización.

Previsualización del valor gamma de la imagen con diferentes valores

El valor gamma del monitor de un ordenador determina la claridad u oscuridad con la que una imagen se ve en un navegador Web. Puede previsualizar el aspecto que tendrán las imágenes en sistemas con distintos valores de gamma y realizar ajustes de gamma en la imagen que quiera compensar. La activación de una opción de previsualización no afecta a la imagen final.

  • Seleccione una de las opciones siguientes utilizando el cuadro de diálogo Exportar imagen o el menú emergente Previsualizar.

Color de monitor

No realiza ningún ajuste al valor gamma de la imagen. Color de monitor en el ajuste por defecto.

Macintosh heredado (sin gestión de color)

Simula el valor de gamma predeterminado de 1,8 que utilizan Mac OS 10.5 y versiones anteriores.

Windows (sin gestión de color)

Simula el valor de gamma predeterminado de 2,2 que utilizan Windows y Mac OS 10.6 y versiones posteriores.

Usar perfil de documento

Ajusta el valor de gamma para que coincida con el perfil de color de cualquier documento adjunto en un documento con gestión de color.

Optimización de imágenes para Web

  1. Elija Archivo > Exportar imagen o Archivo > Exportar GIF animado.

  2. Haga clic en una ficha situada en la parte superior del cuadro de diálogo para seleccionar una opción de visualización: Optimizada o 2 copias.

  3. (Opcional) Si la imagen contiene varios sectores, seleccione uno o más sectores que desee optimizar.

  4. Seleccione un ajuste de optimización preestablecido en el menú Ajuste predeterminado o defina opciones de optimización individuales. Las opciones disponibles cambian en función del formato de archivo que se haya seleccionado.

  5. Reajuste los valores de optimización hasta estar satisfecho con el equilibrio de la calidad de la imagen y el tamaño de archivo. Si la imagen contiene varios sectores, no olvide optimizar todos los sectores.

    Nota:

    Para restaurar una previsualización optimizada a la versión original, selecciónela y elija Original en el menú Ajuste preestablecido.

  6. Para asegurarse de que los colores que ve en la imagen optimizada tienen el mismo aspecto en los distintos navegadores, convierta los colores de la imagen a sRGB.

    Nota:

    Los metadatos de salida se ajustan a los estándares del Grupo de trabajo de metadatos, por lo que algunos metadatos JPEG se almacenan en los formatos EXIF e IIM, en lugar de XMP.

  7. Elija entre las opciones siguientes:

    Ninguno

    No se han guardado metadatos (salvo el aviso de copyright de los datos EXIF en archivos JPEG). Produce el menor tamaño de archivo.

    Copyright

    Guarda el aviso de derechos de autor, las condiciones de uso, el estado del copyright y la dirección URL de la información sobre los derechos de autor.

    Información de copyright y de contacto

    Guarda toda la información concerniente al copyright además de los datos siguientes: creador, cargo del creador, direcciones de correo electrónico, dirección, localidad, provincia, código postal, país, teléfonos y sitios Web.

    Todo excepto información de la cámara

    Guarda todos los metadatos, excepto los datos EXIF acerca de la configuración de la cámara, como la velocidad del obturador, la fecha y la hora, la distancia focal, la compensación de exposición, el patrón de medición y el uso del flash.

    Todas

    Guarda todos los metadatos en el archivo.

  8. Haga clic en Guardar.

  9. En el cuadro de diálogo Guardar optimizada como, realice las siguientes acciones y haga clic en Guardar:

    1. Introduzca el nombre de un archivo y seleccione una ubicación para guardar el archivo o archivos resultantes.

    2. Seleccione una opción de formato para especificar los tipos de archivo que desea guardar: archivo HTML y archivos de imagen, solo archivos de imagen o solo un archivo HTML.

    3. (Opcional) Defina ajustes de salida para archivos HTML e imágenes.

    4. Si la imagen contiene varios sectores, seleccione una opción para guardar sectores en el menú Sectores: Todos los sectores o Sectores seleccionados.

      Nota:

      Para restaurar los ajustes de optimización de la última versión guardada, pulse la tecla Alt (Windows) o la tecla Opción (Mac OS) y haga clic en Restaurar. Si desea conservar los mismos ajustes la próxima vez que abra el cuadro de diálogo Guardar para Web, pulse Alt/Opción y haga clic en Recordar.

    5. Para ver un vídeo sobre cómo guardar archivos para la Web en Illustrator, consulte www.adobe.com/go/vid0063_es.

Guardar o eliminar ajustes preestablecidos de optimización

Puede guardar los ajustes de optimización como un conjunto con nombre y aplicarlos a otras imágenes. Los ajustes guardados aparecen en el menú emergente Ajuste predeterminado, junto con los ajustes con nombre predefinidos. Si edita un conjunto con nombre o un conjunto predefinido, el menú Ajuste predeterminado muestra la expresión “Sin nombre”.

  1. Defina las opciones de optimización como desee y seleccione Guardar ajustes en el menú de la paleta Optimizar.

  2. Asigne un nombre a los ajustes y guárdelos en la carpeta adecuada:

    Photoshop

    (Windows XP) Document and Settings\[nombre de usuario]\Datos de programa\Adobe Photoshop CS5\Ajustes optimizados

    (Windows Vista) Usuarios\[nombre de usuario]\Datos de programa\Roaming\Adobe\Adobe Photoshop CS5\Ajustes optimizados

    (Mac OS) Usuarios/[nombre de usuario]/Biblioteca/Preferencias/Ajustes de Adobe Photoshop CS5/Configuración optimizada

    Illustrator

    (Windows XP) Document and Settings\[nombre de usuario]\Datos de programa\Adobe\Ajustes de Adobe Illustrator CS5\[idioma]\Ajustes de Guardar para Web\Optimizar

    (Windows Vista) Usuarios\[nombre de usuario]\Datos de programa\Roaming\Adobe\Ajustes de Adobe Illustrator CS5 \[idioma]\Ajustes de Guardar para Web\Optimizar

    (Mac OS) Usuarios/[nombre de usuario]/Biblioteca/Application Support/Adobe/Adobe Illustrator CS5/[idioma]/Ajustes de Guardar para Web/Optimizar

    Nota:

    si guarda los ajustes en otra ubicación, no estarán disponibles en el menú emergente Ajustes preestablecidos.

  3. Para eliminar un ajuste preestablecido, selecciónelo en el menú Ajuste preestablecido y elija Eliminar ajustes en el menú Optimizar.

Compresión de un gráfico Web a un tamaño de archivo específico

  1. Seleccione Archivo > Exportar > Exportar imagen o Archivo > Exportar > Exportar GIF animado.

  2. Haga clic en una ficha situada en la parte superior del cuadro de diálogo Exportar imagen o Exportar GIF animado para seleccionar una opción de visualización: Optimizado o 2 copias. 

  3. (Opcional) Seleccione los sectores que desea optimizar y el formato de archivo que desea utilizar.

  4. Seleccione Optimizar a tamaño de archivo en el menú Optimizar (a la derecha del menú Ajuste preestablecido).

  5. Introduzca el tamaño de archivo deseado.

  6. Seleccione una opción de Comenzar con:

    Ajustes actuales

    Utiliza el formato de archivo actual.

    Autoseleccionar GIF/JPEG

    Selecciona automáticamente el formato óptimo dependiendo del contenido de la imagen.

  7. Seleccione una opción de la sección Usar para especificar si desea aplicar el tamaño de archivo especificado solo al sector actual, a cada sector de la imagen o a todos los sectores. Haga clic en Aceptar.

Redimensión de ilustraciones al optimizar

En el cuadro de diálogo Exportar imagen, se puede redimensionar una imagen hasta unas dimensiones en píxeles especificadas o hasta un porcentaje del tamaño original.

  1. Haga clic en la ficha Tamaño de imagen del cuadro de diálogo Exportar imagen.

  2. Defina cualquiera de las opciones adicionales:

    Restringir proporciones

    Mantiene las proporciones actuales de anchura y altura de píxel.

    Nota:

    Ninguna de las funciones de la paleta Tamaño de imagen, excepto Recortar al tamaño de la mesa de trabajo, están disponibles para los formatos de archivo SWF y SVG.

  3. Introduzca nuevas dimensiones en píxeles o especifique el porcentaje en que desea redimensionar la imagen y haga clic en Aplicar.

Previsualización de imágenes optimizadas en un navegador Web

Puede obtener una vista previa de una imagen optimizada en cualquier navegador web instalado en su sistema desde el cuadro de diálogo Exportar imagen (Archivo > Exportar > Exportar imagen o Archivo > Exportar > Exportar GIF animado). La previsualización del navegador muestra la imagen con un pie de ilustración que indica el tipo de archivo de la imagen, las dimensiones en píxeles, el tamaño de archivo, las especificaciones de compresión y otra información de HTML.

  • Para previsualizar una imagen en el navegador web predeterminado, haga clic en el icono del navegador situado en la parte inferior del cuadro de diálogo Exportar imagen.
  • En el cuadro de diálogo Navegadores, aparecen todos los navegadores del equipo y se puede definir el navegador predeterminado para previsualizar la imagen.

Más temas de ayuda

Esta obra está autorizada con arreglo a la licencia de Reconocimiento-NoComercial-CompartirIgual 3.0 Unported de Creative Commons.  Los términos de Creative Commons no cubren las publicaciones en Twitter™ y Facebook.

Avisos legales   |   Política de privacidad en línea