Acerca de la optimización
La optimización para web es el proceso de comprimir imágenes y establecer opciones de visualización para un uso óptimo en Internet. Cuando colocas imágenes en Internet, el tamaño del archivo se vuelve importante; quieres lograr un tamaño de archivo lo suficientemente pequeño como para permitir un tiempo de descarga razonable, pero lo suficientemente grande como para conservar los colores y detalles que resulten satisfactorios.Hay tres formatos de archivo gráfico principales que se usan en la web: GIF, JPEG y PNG.
Cuando colocas imágenes en la web, necesitas pensar en el tamaño del archivo.La meta es un tamaño de archivo lo suficientemente pequeño como para permitir tiempos de descarga razonables pero que conserve los colores y detalles a tu satisfacción.
En la web se usan tres formatos de archivo gráfico principales: GIF, JPEG y PNG.Puedes optimizar imágenes en estos formatos usando uno de los siguientes métodos:
Para optimizar con precisión una imagen para su uso en aplicaciones de creación web, como Adobe® Dreamweaver®, puedes usar el comando Guardar para web. El cuadro de diálogo Guardar para web te permite previsualizar tu imagen en diferentes formatos de archivo y con diferentes configuraciones de optimización. También puedes establecer configuraciones 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, puedes especificar la calidad de la imagen, la transparencia de fondo o calado, la visualización del color y el método de descarga.
Using the Save For Web dialog box
Usa el cuadro de diálogo Guardar para web para previsualizar los efectos de diferentes opciones de optimización en una foto que quieres compartir en la web.Este proceso es sencillo. Abre una foto y elige Archivo > Guardar para web.A continuación, elija un formato del menú de formato de archivo (GIF, JPEG, PNG‑8 o PNG‑24) y configure las opciones según sea necesario.(El menú de formatos de archivo está justo debajo del menú de ajustes preestablecidos). Esto guarda una copia de tu archivo, sin sobrescribir la imagen original.
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 hacer Zoom en una imagen, selecciona la Herramienta Zoom y haz clic en una vista; luego mantén presionada la tecla Opción y haz clic nuevamente para alejar el Zoom. (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
Puedes elegir entre cuatro formatos para la web.Usa las siguientes pautas al elegir el formato para tu 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. Elegir PNG‑24 en lugar de JPEG solo cuando tu imagen contenga transparencia.(JPEG no admite transparencia; debes rellenarlo con un color de halo.) Los archivos PNG‑24 suelen ser mucho más grandes que los archivos JPEG de la misma imagen.
GIF
GIF es el formato a usar para arte lineal, ilustraciones con áreas grandes de color uniforme y detalles nítidos, y texto.Además, si quieres exportar una imagen animada, debes usar GIF.
PNG-8
PNG-8 es una alternativa al formato GIF menos conocida, Úsalo para los mismos propósitos (excepto animación).
Las imágenes en formatos GIF y PNG‑8, a veces llamadas imágenes de color indexado, pueden mostrar hasta 256 colores. Para convertir una imagen a formato de color indexado, Photoshop Elements genera una tabla de consulta de colores. Si un color de la imagen original no aparece en la tabla de consulta de colores, la aplicación elige el color más cercano de la tabla o simula el color usando una combinación de colores disponibles.
Los archivos JPEG y PNG‑24 admiten color de 24 bits, por lo que pueden mostrar hasta 16 millones de colores. Según el formato, puedes especificar la calidad de imagen, la transparencia de fondo o halos, la visualización de colores, y el método que debe usar un explorador para mostrar la imagen durante la descarga.
La apariencia de una imagen en la web también depende de los colores mostrados por la plataforma del ordenador, el sistema operativo, el monitor y el explorador. Es posible que quieras previsualizar las imágenes en diferentes navegadores y en diferentes plataformas para ver cómo aparecerán en la web.
Aplicar un ajuste de optimización preestablecido
Puedes optimizar una imagen para la web de forma rápida y sencilla eligiendo una configuración de optimización predefinida, llamada ajuste preestablecido, del menú Ajuste preestablecido cerca de la esquina superior derecha del cuadro de diálogo Guardar para web. Los ajustes preestablecidos están diseñados para satisfacer las necesidades de optimización de diferentes tipos de imágenes.
El nombre de cada ajuste preestablecido refleja su formato de archivo y nivel de calidad. Por ejemplo, elige JPEG High para optimizar una imagen en formato JPEG con alta calidad de imagen y baja compresión. Elige GIF 32 Dithered para optimizar una imagen en formato GIF, reducir el número de colores a 32 y aplicar tramado.
Si cambias las opciones de un ajuste preestablecido, el menú Ajuste preestablecido muestra la palabra «[Sin nombre]».No se puede guardar una configuración personalizada; sin embargo, la configuración actual aparece en el cuadro de diálogo Guardar para Web la próxima vez que se muestra.
Editar y compartir imágenes fácilmente con Photoshop Elements
Combina fotos, intercambia colores y borra cualquier cosa con herramientas con tecnología de IA.