Open
an image and choose File > Save For Web.
Última actualización el
26/12/2022
|
También se aplica a Photoshop Elements
- Guía del usuario de Photoshop Elements
- Introducción a Photoshop Elements
- Entorno y espacio de trabajo
- Familiarícese con la pantalla de inicio
- Conceptos básicos del espacio de trabajo
- Preferencias
- Herramientas
- Paneles y cestas
- Apertura de archivos
- Reglas, cuadrículas y guías
- Modo rápido mejorado
- Información de archivo
- Ajustes preestablecidos y bibliotecas
- Compatibilidad con toque múltiple
- Discos de memoria virtual, plugins y actualizaciones de la aplicación
- Acciones de deshacer, rehacer y cancelar
- Visualización de imágenes
- Corrección y mejora de fotografías
- Redimensionar imágenes
- Recorte de fotografías
- Procesamiento de archivos de imagen RAW de cámara
- Adición de desenfoque, sustitución de colores y clonación de áreas de imagen
- Ajuste de sombras y luz
- Retoque y corrección de fotografías
- Enfocar fotografías
- Transformación
- Tono inteligente automático
- Recomposición
- Uso de acciones para procesar fotografías
- Composición de Photomerge
- Creación de imágenes panorámicas
- Superposiciones en movimiento
- Elementos en movimiento
- Adición de formas y texto
- Acciones rápidas
- Filtros, efectos y ediciones guiadas
- Modo Guiada
- Filtros
- Modo de edición Guiada: ediciones de Photomerge
- Modo guiado: ediciones básicas
- Filtros de ajuste
- Efectos
- Ediciones divertidas del modo de edición Guiada
- Ediciones especiales del modo de edición Guiada
- Filtros artísticos
- Modo de edición Guiada: modificaciones del color
- Modo guiado: ediciones de blanco y negro
- Filtros de desenfoque
- Filtros de trazos de pincel
- Filtros de distorsión
- Otros filtros
- Filtros de ruido
- Filtros para interpretar
- Filtros para bosquejar
- Filtros para estilizar
- Filtros de textura
- Filtros para pixelizar
- Trabajo con colores
- Trabajo con selecciones
- Trabajo con capas
- Creación de proyectos fotográficos
- Almacenamiento, impresión y uso compartido de fotografías
- Guardado de imágenes
- Impresión de fotografías
- Uso compartido de fotografías en línea
- Optimización de imágenes
- Optimización de imágenes para el formato JPEG
- Tramado en imágenes Web
- Edición guiada - Panel Compartir
- Previsualización de imágenes Web
- Uso de transparencia y mates
- Optimización de imágenes para los formatos GIF o PNG-8
- Optimización de imágenes para el formato PNG-24
- Métodos abreviados de teclado
- Teclas para seleccionar herramientas
- Teclas para seleccionar y mover objetos
- Teclas para el panel Capas
- Teclas para mostrar u ocultar los paneles (modo Experto)
- Teclas para pintura y pinceles
- Teclas para utilizar texto
- Teclas para el filtro Licuar
- Teclas para transformar selecciones
- Teclas para el panel Muestras de color
- Teclas para el cuadro de diálogo Camera Raw
- Teclas para la Galería de filtros
- Teclas para utilizar modos de fusión
- Teclas para ver imágenes (modo avanzado)
About dithering
Most web images are created by designers using 24‑bit color displays (which display over 16 million colors), although some users view web pages on computers with 8‑bit color displays (which display only 256 colors). As a result, web images often contain colors not available on some computers. Computers use a technique called dithering to simulate colors they can’t display. Dithering uses adjacent pixels of different colors to give the appearance of a third color. For example, a red color and a yellow color may dither in a mosaic pattern to produce the illusion of an orange color that the 8‑bit color panel doesn’t contain.
Nota:
Use colors in the Web panel to ensure that colors won’t dither when displayed in Mac OS systems capable of displaying 256 colors. When creating an original image, you can use the Color Picker to choose web‑safe colors.
When optimizing images, keep in mind that two kinds of dithering can occur:
Application dither
Occurs in GIF and PNG‑8 images when Photoshop Elements attempts to simulate colors that aren’t in the current color table. You can control application dither by choosing a dithering pattern, or you can try to avoid application dither by adding more colors to the table.
Browser dither
Occurs when a web browser using an 8‑bit color display (256‑color mode) attempts to simulate colors that aren’t in the 8‑bit color panel. Browser dither can occur with GIF, PNG, or JPEG images. In Photoshop Elements, you can control the amount of browser dither by shifting selected colors in the image to web‑safe colors. You can also specify web‑safe colors when choosing a color in the Color Picker.
You can preview application dither in GIF and PNG‑8 images. Images with primarily solid colors may work well without dithering. Conversely, images with continuous-tone color (especially color gradients) may require dithering to prevent color banding.
Control dither in web images
-
-
Choose your optimization settings.
-
Enter a value in the Dither text box, or click the Dither menu arrow and drag the slider that appears.
-
The Dither percentage controls the amount of dithering that is applied to the image. A higher dithering percentage creates the appearance of more colors and more detail in an image but can also increase the file size. For optimal compression and display quality, use the lowest percentage of application dither that provides the color detail you require.
Preview dither
You can preview browser dither directly in Photoshop Elements or in a browser that uses an 8‑bit color display (256‑color mode).
-
Open an image and choose File > Save For Web.
-
Choose your optimization settings.
-
To preview dither in Photoshop Elements, choose Browser Dither from the document panel menu in the Save For Web dialog box. (To view the menu, click the triangle in the upper-right corner of the optimized image.)
-
To preview dither in a browser, follow these steps:
Set your computer’s color display to 8‑bit color (256 colors). See your operating system’s documentation for information on changing the color display.
Select a browser from the Preview In menu in the Save For Web dialog box.
