Save For Web Mejor compresión JPEG con Adobe Photoshop

Guardar para la web Es una característica ingeniosa de ediciones posteriores de Adobe Photoshop Eso nos permite comprometernos mejor con el tamaño y la calidad para mantener una apariencia decente. JPEG, Png o GIF. Lo hace reduciendo la calidad y eliminando metadatos innecesarios. Este tutorial se centra específicamente en JPEG y te ayudará a entender cómo Guardar para la web Trabaja para que puedas obtener el mejor resultado para tus necesidades..

1. Guardar para los conceptos básicos de la web

Comience con su imagen. Lo bueno de Guardar para la web es que no está realizando ningún cambio en su original, esto se guardará como un nuevo archivo; Usted no necesita tenerlo en el tamaño correcto pero tampoco.

Archivo de hit> Guardar para Web

Golpear Archivo> Guardar para Web (Control-Alt-Shift-S)

Guardar para formato web y tamaño

Esto es lo que deberías ver. Vamos a ver dos cosas: el formato y luego el tamaño. En lo que sea que cambie esto, no cambiará su original, así que no se preocupe por eso. Voy a cambiar esto a 1000px sólo para que podamos ver lo que estamos haciendo. Puede que estés trabajando con tamaños mucho más pequeños para la web, y eso está bien. Si haces clic 2-Up en la parte superior, podrás ver tu original a la izquierda y cuál será tu pequeño Guardar para la web archivo, a la derecha.

2-up le permite comparar su original con su imagen comprimida

Ya puede ver una diferencia en el cielo azul y, hablando de colores, si marca sRGB entonces sabrá que sus colores se muestran con precisión y cómo se verán en la red. 

Notarás que hay una sección para Calidad que se establece en Bicubic por defecto. Esta es generalmente la mejor selección, ya que muestra más píxeles que los otros, pero notará que hay tres opciones para esto: Bicubic, Bicubic Sharper y Bicubic Smoother. Segun Adobe, Bicubic Sharper le proporciona mejores resultados al reducir el tamaño de la imagen, pero si no está seguro,Bicubic Estará bien.

Debajo Avance, de nuevo hay varias opciones y Monitor es el predeterminado Eso es básicamente como lo ves, sin compensaciones ni ajustes en el gamma. Puede desplazarse por los demás para ver cómo las personas con otros monitores pueden ver su imagen y hacer los ajustes correspondientes..

2. Equilibrar la calidad JPEG y el tamaño del archivo

Habrás notado que al lado de 2-Up es 4-Up. Esto realmente puede ayudarnos a comparar muestras de calidad.

Una comparación del original y tres copias comprimidas en diversos grados.

Esto muestra el original en la parte superior izquierda (1.83MB), Maxima calidad en la parte superior derecha (696.3kb), Alta calidad en la parte inferior izquierda (150.1kb) y Calidad media en la parte inferior derecha (101.2kb). Teniendo Optimizado marcado reducirá un poco el tamaño del archivo.

Puede ser difícil distinguir las diferencias en este tamaño, por lo que aquí hay un desglose de cada etapa importante de calidad:

Guardar para la comparación de la compresión web en cada etapa importante

Aún desde Alto Puede comenzar a ver algunos problemas menores de artefactos de compresión alrededor del borde de la cuchara, aunque no está tan mal. Cuando llegues a Medio Sin embargo, se puede ver que realmente empieza a perder la calidad. Vale la pena señalar que puede bajar en etapas más pequeñas que las predefinidas cambiando el número a la derecha de Calidad. Hacer esto significa que puede acercarse al tamaño de archivo requerido según sea necesario mientras observa la distorsión de su imagen.

3. Vista previa en un navegador y guardar

Previsualiza tu imagen en un navegador web

Una vez que estés feliz, puedes golpear. Avance en la esquina inferior izquierda y lo abrirá en un navegador web para que vea cómo se ve. Cuando hayas terminado, haz clic en Salvar y te dará la opción de cambiar el nombre de tu archivo, y también incluirá guiones prácticos en los espacios para ti..

Conclusión

Guardar imágenes para la web es un compromiso. Desea que su imagen se cargue rápidamente, no ocupe demasiado espacio (esto es particularmente una consideración para sitios web de terceros como Facebook y Twitter que simplemente no permiten tamaños grandes) y aún se ven geniales. Con Guardar para la web puedes ajustar una imagen para la web con mayor precisión que antes, equilibrando cuidadosamente el compromiso entre compresión / tamaño y calidad. Hágalo bien, y está un paso por delante del juego para todos aquellos que aún lanzan imágenes de tamaño completo en sus sitios web, perfiles y portafolios, y permiten que el software adivine mejor.

Guardar para web en la naturaleza