Cómo optimizar las imágenes JPEG para la web

categoría Los medios de comunicación de Internet y sociales / Diseño y desarrollo web / IPhone & iPad diseño 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 desea prepararse 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):

1

Con la imagen abierta en Photoshop, seleccione Archivo-Guardar para Web Dispositivos (o Archivo-Guardar para Web).

La Guardar para la Web Aparecerá el cuadro de diálogo Dispositivos.

Cómo optimizar las imágenes JPEG para la web
Cómo optimizar las imágenes JPEG para la web Agrandar
2

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 uno al lado del 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, desde el arte inplainsight.

3

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 selecciona 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.

4

Establecer la calidad de compresión.

Utilice las opciones predeterminadas bajo, medio, alto, muy alto o máximo en la lista desplegable. O utilice el control deslizante debajo de la materia de 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 con mayor rapidez, 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 el 0 de la calidad más baja posible (el más alto grado 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.

5

Especifique otros ajustes como 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 progresiva para mostrar la imagen progresivamente en un browser- web que es, para que se muestre por primera vez en una resolución baja, y luego en resoluciones cada vez más elevados como la descarga de los ingresos. (Algunos navegadores no son compatibles con archivos JPEG progresivos.)

6

Haga clic en Guardar.

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

7

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 al descubierto 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 Guardar para Web Cuadro de diálogo Dispositivos, 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 módem por cable. Utilice esta estimación como una guía para ayudarle a decidir cuánto debe optimizar cada imagen.



Artículos Relacionados

Sobre el autor
Guardar photoshop cs5 imágenes para web y dispositivos móviles Guardar photoshop cs5 imágenes para web y dispositivos móviles

Guardar archivos para los dispositivos web o móviles en Photoshop Creative Suite 5 crea una versión más pequeña de su imagen por lo que se carga rápidamente. Es importante conocer las diferencias entre GIF, JPEG, PNG y WBMP, así que usted…

¿Cómo optimizar el GIF y PNG para su sitio de redes sociales ¿Cómo optimizar el GIF y PNG para su sitio de redes sociales

Si está trabajando con un gráfico que se puede visualizar en 256 colores o menos en su sitio de redes sociales - como un logotipo, personaje de dibujos animados, o dibujo - la mejor opción es utilizar el formato PNG y reducir el número total de…

Cómo optimizar las imágenes jpeg para su sitio de redes sociales Cómo optimizar las imágenes jpeg para su sitio de redes sociales

JPEG es una elección buen formato para su sitio de redes sociales. 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…

Cómo optimizar su imagen de la portada de facebook con photoshop ahorrar para cuadro de diálogo Web Cómo optimizar su imagen de la portada de facebook con photoshop ahorrar para cuadro de diálogo Web

Después de obtener su cubierta de Facebook y del perfil fotos posicionados donde quieras, optimizar la imagen de la portada antes de subirlo a Facebook en los pasos que siguen. Recuerde que su imagen de la portada debe primero ser cultivada para…

Cómo guardar imágenes para utilizar en su sitio de redes sociales Cómo guardar imágenes para utilizar en su sitio de redes sociales

Usted tendrá que saber cómo guardar imágenes que se utiliza en medios de comunicación social site.If eres nuevo en el almacenamiento de imágenes para la web, los siguientes conceptos básicos pueden ayudarle a obtener los mejores resultados de…

Las mejores formatos de imagen para el iphone y el ipad Las mejores formatos de imagen para el iphone y el ipad

Al diseñar sitios web para el iPhone y el iPad, que necesita para elegir los mejores formatos de imagen de las fotos, arte lineal, logotipos, dibujos animados y otras imágenes que desea visualizar.Si usted trabaja con fotos u otras imágenes que…

¿Cómo optimizar imágenes de la web en formatos PNG ¿Cómo optimizar imágenes de la web en formatos PNG

Cuando usted está diseñando para el iPhone, iPad o iPod touch, tiene que elegir los mejores formatos de imagen y resolución, así como optimizar sus fotos y otros gráficos.Si está trabajando con un gráfico, como un logotipo, personaje de…

Optimizar imágenes en photoshop para iPhone y iPad Optimizar imágenes en photoshop para iPhone y iPad

Debe utilizar un programa de edición de gráficos, como Adobe Photoshop o Fireworks, para crear gráficos para la web en el diseño para el iPhone y el iPad. Puede utilizar el cuadro de diálogo Guardar para Web en Adobe Photoshop para optimizar…

Elija un formato de archivo y guardar sus perros imágenes fotografía Elija un formato de archivo y guardar sus perros imágenes fotografía

Antes de siquiera visitar el cuadro de diálogo Guardar como, tener una idea de cómo va en última instancia, mostrar sus fotografías de perros, porque esto determina el formato de archivo que usted elija. Los dos formatos de archivo que debe…

Cómo guardar archivos RAW editadas en profesional de fotografía digital en su canon eos 6d Cómo guardar archivos RAW editadas en profesional de fotografía digital en su canon eos 6d

Digital Photo Professional no almacena los cambios que ha realizado en los archivos RAW después de editar y cerrar la aplicación en su EOS 6D. Tendrá que guardar los cambios por guardar la imagen en otro formato de archivo. Cuando inicie Digital…

Formato de archivo JPEG en Photoshop Elements 10 Formato de archivo JPEG en Photoshop Elements 10

JPEG (Joint Photographic Experts Group) es tal vez el formato de archivo más comunes que se utilizan actualmente. Los archivos JPEG se utilizan con archivos adjuntos de correo electrónico y por muchos laboratorios fotográficos para la impresión…

Guarde los archivos de la web en Photoshop Elements 12 Guarde los archivos de la web en Photoshop Elements 12

Cuando se quiere preparar fotos en Photoshop Elements para los navegadores web y para visualización en pantalla, tales como archivos PDF interactivos, puede optimizar las imágenes para la web seleccionando Archivo-Guardar para Web. Después de…

» » » » Cómo optimizar las imágenes JPEG para la web