prucommercialre.com


Cómo optimizar imágenes JPEG para la Web

Tener imágenes llamativas en su sitio web es una de las mejores maneras de atraer iPhone y iPad entusiastas conscientes de la imagen. El formato JPEG es la mejor opción para la optimización de imágenes de tono continuo, como fotografías e imágenes con muchos colores o degradados.

Al optimizar un JPEG, puede hacer que el tamaño de archivo más pequeño mediante la aplicación de compresión. La mayor compresión, menor será la imagen, pero si comprime demasiado la imagen, la imagen puede parecer terrible. El truco es encontrar el equilibrio adecuado.

Si usted tiene una fotografía digital u otra imagen que se quiere preparar para la web, siga estos pasos para optimizar y ahorrar en Photoshop (en Photoshop Elements o Fireworks, el proceso es similar, aunque los pasos específicos puede variar):

Con la imagen abierta en Photoshop, seleccione Archivo → Guardar para Web y dispositivos (o Archivo → Guardar para Web).

Aparece el cuadro de diálogo Guardar para Web y dispositivos.

Cómo optimizar imágenes JPEG para la Web

En la esquina superior izquierda del cuadro de diálogo, elija 2 copias o 4 copias para mostrar varias versiones de la misma imagen para una fácil comparación lado a lado.

La configuración 2-Up permite ver la imagen original en la parte superior y una vista previa de la misma imagen que aparecerá con los parámetros especificados en la parte inferior (si está trabajando con una imagen vertical, las vistas previas aparecen lado a lado). La opción 4 copias, como su nombre indica, muestra cuatro versiones diferentes para la comparación.

Imágenes de artistas Amy Baur y Brian Boldon, de arte inplainsight.

En el lado derecho de la ventana, justo debajo de preset, haga clic en la pequeña flecha para abrir la lista desplegable Formato de archivo optimizado y seleccionar JPEG.

El formato JPEG es la mejor opción para la optimización de imágenes de tono continuo, como fotografías e imágenes con muchos colores o degradados.

Ajuste la calidad de la compresión.

Utilice las opciones predeterminadas bajo, medio, alto, muy alto o máximo en la lista desplegable. O utilice el control deslizante sólo bajo el campo de la Calidad para realizar ajustes más precisos. La reducción de la calidad reduce el tamaño del archivo y hace que la descarga de imágenes más rápidamente, pero si reduce este número demasiado, la imagen se verá borrosa y con manchas.

Photoshop utiliza una escala de compresión de 0 a 100 para los archivos JPEG en esta ventana de diálogo, con 0 la calidad más baja posible (la más alta cantidad de compresión y el tamaño de archivo más pequeño) y 100 la más alta calidad posible (la menor cantidad de compresión y el archivo más grande tamaño). Bajo, Medio y Alto representan los valores de compresión de 10, 30 y 60, respectivamente.

Especifique otros ajustes que desee (la calidad de compresión y formato de archivo son los ajustes más importantes).

Por ejemplo, puede seleccionar la casilla de verificación Progresivo para visualizar la imagen progresivamente en un navegador web; es decir, para que se muestre por primera vez en una resolución baja, y luego en resoluciones cada vez mayores como la descarga de producto. (Algunos navegadores no soportan archivos JPEG progresivos.)

Haga clic en Guardar.

La Guardar optimizada como se abre el cuadro de diálogo.

Introduzca un nombre para la imagen y guardarlo en la carpeta de imágenes en la carpeta de sitio web.

Photoshop guarda la imagen optimizada como una copia de la original y deja abierta la original en el área principal de Photoshop trabajo.

Repita estos pasos para cada imagen que desea optimizar como JPEG.

En la parte inferior de la vista previa de la imagen en el cuadro de diálogo Guardar Dispositivos Web y, Photoshop incluye una estimación del tiempo necesario para que la imagen para descargar a la velocidad de conexión especificado. A medida que ajusta la configuración de compresión, el tamaño de la imagen cambia y la estimación descarga se ajustarán automáticamente.

Puede cambiar la velocidad de conexión utilizado para hacer este cálculo haciendo clic en la pequeña flecha a la derecha de la velocidad de conexión y el uso de la lista desplegable para seleccionar otra opción, como 256 Kbps de velocidad de cable módem. Utilice esta estimación como una guía para ayudarle a decidir cuánto debe optimizar cada imagen.