Guía del usuario Cancelar

Optimización de imágenes

  1. Guía del usuario de Photoshop Elements
  2. Introducción a Photoshop Elements
    1. Novedades de Photoshop Elements
    2. Requisitos del sistema | Photoshop Elements
    3. Conceptos básicos del espacio de trabajo
    4. Modo Guiada
    5. Realización de proyectos fotográficos
  3. Entorno y espacio de trabajo
    1. Familiarícese con la pantalla de inicio
    2. Conceptos básicos del espacio de trabajo
    3. Herramientas
    4. Paneles y cestas
    5. Apertura de archivos
    6. Reglas, cuadrículas y guías
    7. Modo rápido mejorado
    8. Información de archivo
    9. Ajustes preestablecidos y bibliotecas
    10. Compatibilidad con toque múltiple
    11. Discos de memoria virtual, plugins y actualizaciones de la aplicación
    12. Acciones de deshacer, rehacer y cancelar
    13. Visualización de imágenes
    14. Uso de las funciones de Windows 7
  4. Corrección y mejora de fotografías
    1. Redimensionar imágenes
    2. Recorte de fotografías
    3. Procesamiento de archivos de imagen RAW de cámara
    4. Adición de desenfoque, sustitución de colores y clonación de áreas de imagen
    5. Ajuste de sombras y luz
    6. Retoque y corrección de fotografías
    7. Enfocar fotografías
    8. Transformación
    9. Tono inteligente automático
    10. Recomposición
    11. Uso de acciones para procesar fotografías
    12. Composición de Photomerge
    13. Creación de imágenes panorámicas
  5. Adición de formas y texto
    1. Adición de texto
    2. Edición de texto
    3. Creación de formas
    4. Edición de formas
    5. Introducción a la pintura
    6. Herramientas de pintura
    7. Configurar pinceles
    8. Motivos
    9. Rellenos y trazos
    10. Degradados
    11. Trabajo con texto asiático
  6. Filtros, efectos y ediciones guiadas
    1. Modo Guiada
    2. Filtros
    3. Modo de edición Guiada: ediciones de Photomerge
    4. Modo guiado: ediciones básicas
    5. Filtros de ajuste
    6. Efectos
    7. Ediciones divertidas del modo de edición Guiada
    8. Ediciones especiales del modo de edición Guiada
    9. Filtros artísticos
    10. Modo de edición Guiada: modificaciones del color
    11. Modo guiado: ediciones de blanco y negro
    12. Filtros de desenfoque
    13. Filtros de trazos de pincel
    14. Filtros de distorsión
    15. Otros filtros
    16. Filtros de ruido
    17. Filtros para interpretar
    18. Filtros para bosquejar
    19. Filtros para estilizar
    20. Filtros de textura
  7. Trabajo con colores
    1. Conceptos del color
    2. Configurar la gestión de color
    3. Fundamentos de la corrección de tonos y colores
    4. Selección de colores
    5. Ajuste del color, la saturación y el tono
    6. Corrección de tintes de color
    7. Uso de modos de imagen y tablas de colores
    8. Color y Camera Raw
  8. Trabajo con selecciones
    1. Realizar selecciones en Photoshop Elements
    2. Almacenamiento de selecciones
    3. Modificación de selecciones
    4. Desplazamiento y copia de selecciones
    5. Edite y perfeccione selecciones
    6. Bordes de selección suaves con suavizado y calado
  9. Trabajo con capas
    1. Creación de capas
    2. Edición de capas
    3. Copia y organización de capas
    4. Capas de ajuste y de relleno
    5. Máscaras de recorte
    6. Máscaras de capas
    7. Estilos de capa
    8. Opacidad y modos de fusión
  10. Creación de proyectos fotográficos
    1. Aspectos básicos del proyecto
    2. Realización de proyectos fotográficos
    3. Edición de proyectos fotográficos
  11. Almacenamiento, impresión y uso compartido de fotografías
    1. Guardado de imágenes
    2. Impresión de fotografías
    3. Uso compartido de fotografías en línea
    4. Optimización de imágenes
    5. Optimización de imágenes para el formato JPEG
    6. Tramado en imágenes Web
    7. Edición guiada - Panel Compartir
    8. Previsualización de imágenes Web
    9. Uso de transparencia y mates
    10. Optimización de imágenes para los formatos GIF o PNG-8
    11. Optimización de imágenes para el formato PNG-24
  12. Métodos abreviados de teclado
    1. Teclas para seleccionar herramientas
    2. Teclas para seleccionar y mover objetos
    3. Teclas para el panel Capas
    4. Teclas para mostrar u ocultar los paneles (modo Experto)
    5. Teclas para pintura y pinceles
    6. Teclas para utilizar texto
    7. Teclas para el filtro Licuar
    8. Teclas para transformar selecciones
    9. Teclas para el panel Muestras de color
    10. Teclas para el cuadro de diálogo Camera Raw
    11. Teclas para la Galería de filtros
    12. Teclas para utilizar modos de fusión
    13. Teclas para ver imágenes (modo Experto)

Acerca de la optimización

La optimización para Web es el proceso de compresión de imágenes y de definición de opciones de visualización para un uso óptimo en Internet. Al colocar imágenes en Internet, el tamaño de archivo es un factor importante a tener en consideración; se pretende obtener un tamaño de archivo que sea lo suficientemente pequeño como para permitir un tiempo de descarga razonable pero lo suficientemente grande como para mantener unos colores y detalles satisfactorios. En la Web se utilizan, sobre todo, tres formatos de archivos gráficos: GIF, JPEG y PNG.

Al poner imágenes en la Web, tiene que pensar en el tamaño de archivo. Este tamaño debe ser lo bastante pequeño para que el archivo se descargue en poco tiempo, pero debe conservar los colores y detalles deseados.

En la Web se utilizan, sobre todo, tres formatos de archivos gráficos: GIF, JPEG y PNG. Puede utilizar los siguientes métodos para optimizar imágenes en dichos formatos:

  • Si desea optimizar con precisión una imagen para usarla en aplicaciones de creación de páginas Web, como Adobe® Dreamweaver®, puede utilizar el comando Guardar para Web. En el cuadro de diálogo Guardar para Web, podrá previsualizar la imagen en distintos formatos y con varios ajustes de optimización. También puede definir ajustes de transparencia y animación.

  • Para llevar a cabo una optimización básica, puede utilizar el comando Guardar como. Según el formato de archivo, puede especificar una calidad de imagen, transparencias o halos de fondo, la visualización del color y el método de descarga.

Usar el cuadro de diálogo Guardar para Web

Utilice el cuadro de diálogo Guardar para Web para previsualizar los efectos de varias opciones de optimización en una fotografía que desee compartir en la Web. Este proceso es sencillo. Abra una fotografía y elija Archivo > Guardar para Web. A continuación, elija un formato en el menú de formatos de archivo (GIF, JPEG, PNG-8 o PNG-24) y establezca las opciones deseadas. (El menú de formatos de archivo está justo debajo del menú de ajustes preestablecidos). Con esta acción se guarda una copia del archivo, sin sobrescribir la imagen original.

Cuadro de diálogo Guardar para Web

A. Cuadro de herramientas B. Color de cuentagotas C. Ajustes de optimización y menú desplegable con más opciones D. Tamaño de imagen E. Opciones de animación F. Menú de nivel de zoom G. Menú de previsualización en el navegador H. Imagen original I. Imagen optimizada 

Las opciones de optimización aparecen en el lado derecho del cuadro de diálogo Guardar para Web. Además de seleccionar un formato de archivo para la Web, puede elegir las opciones de compresión y color, conservar la transparencia de fondo o definir halos de fondo, así como cambiar el tamaño de la imagen. Puede utilizar ajustes predefinidos (eligiendo un formato en el menú de ajustes preestablecidos) o seleccionar opciones específicas de formato para ajustar con precisión la optimización.

Las ventanas de imagen muestran la imagen original (a la izquierda) y una previsualización de la imagen optimizada (a la derecha). Debajo de cada ventana aparece la información de optimización (ajustes actuales, tamaño del archivo optimizado y tiempo de descarga estimado). Según va ajustando los valores, la información que aparece debajo de la imagen optimizada cambia reflejando los nuevos ajustes.

En la esquina superior izquierda del cuadro de diálogo hay un pequeño cuadro de herramientas. Para ver diferentes áreas de una imagen, seleccione la herramienta Mano y arrástrela para mostrar las áreas deseadas. Para aumentar una imagen, seleccione la herramienta Zoom y haga clic en una vista; después mantenga pulsada la tecla Alt y haga clic de nuevo para reducir la imagen. (Como alternativa, puede utilizar el cuadro Zoom de la parte inferior del cuadro de diálogo). Para crear colores mate, utilice la herramienta Color de cuentagotas.

Formatos de archivo optimizados para la Web

Puede elegir entre cuatro formatos para la Web. Siga estas pautas para elegir el formato de la imagen Web:

JPEG

En la mayoría de los casos, resulta el formato más apropiado para guardar las fotografías.

PNG-24

Al igual que JPEG, se trata de un buen formato para fotografías. Elija PNG-24 en lugar de JPEG solo cuando la imagen tenga transparencia. (El formato JPEG no admite la transparencia; debe rellenar con un color mate). Los archivos PNG-24 suelen ser mucho más grandes que los archivos JPEG de la misma imagen.

GIF

El formato GIF se utiliza para líneas, ilustraciones con áreas grandes de color uniforme y detalles nítidos, así como texto. Además, si desea exportar una imagen animada, debe utilizar GIF.

PNG-8

PNG-8 es una alternativa al formato GIF menos conocida, así que puede utilizarlo para los mismos fines (menos para las animaciones).

Las imágenes con formato GIF y PNG-8, a veces denominadas imágenes de color indexado, se pueden mostrar hasta con 256 colores. Para convertir una imagen a formato de color indexado, Photoshop Elements crea una tabla de colores de consulta. Si en la imagen original hay un color que no aparece en la tabla de consulta, la aplicación selecciona el más parecido de la tabla o lo simula utilizando una combinación de colores disponibles.

Los archivos JPEG y PNG-24 admiten el color de 24 bits, así que pueden mostrar hasta 16 millones de colores. Según el formato, puede especificar la calidad de la imagen, la transparencia o los halos de fondo, la visualización del color y el método que debe utilizar el navegador para mostrar la imagen durante la descarga.

El aspecto de una imagen en la Web también depende de los colores que muestre la plataforma, el sistema operativo, el monitor y el navegador. Si lo desea, puede previsualizar imágenes en diferentes navegadores y plataformas para ver cómo aparecerán en la Web.

Aplicar un ajuste de optimización preestablecido

Puede optimizar una imagen para la Web de forma rápida y sencilla si elige un ajuste de optimización predefinido, denominado ajuste preestablecido, en el menú Ajuste preestablecido, situado en la esquina superior derecha del cuadro de diálogo Guardar para Web. Los ajustes preestablecidos se adaptan a las necesidades de optimización de los diferentes tipos de imágenes.

El nombre de cada ajuste preestablecido refleja el formato de archivo y el nivel de calidad. Por ejemplo, seleccione JPEG alta para optimizar una imagen en formato JPEG con una calidad de imagen alta y una compresión baja. Elija GIF 32 con interpolación para optimizar una imagen en formato GIF, reducir el número de colores a 32 y aplicar tramado.

  1. En el cuadro de diálogo Guardar para Web, elija un nombre de ajuste en el menú de ajustes preestablecidos y haga clic en OK.
  2. En el cuadro de diálogo Guardar optimizada como, escriba un nombre de archivo y haga clic en Guardar.
    Nota:

    Si cambia las opciones de un ajuste preestablecido, aparece “[Sin nombre]” en el menú Ajuste preestablecido. No puede guardar un ajuste personalizado, pero los ajustes actuales aparecerán en el cuadro de diálogo Guardar para Web la próxima vez que lo muestre.

Logotipo de Adobe

Inicia sesión en tu cuenta