Cómo optimizar sus fotos para la Web por Usnea Lebendig

A veces, al subir una imagen a la web, los colores se ven apagados o la nitidez simplemente no es correcta. Si esto le ha sucedido, es probable que no haya estado guardando sus imágenes de una manera que funcione mejor con la forma en que los navegadores renderizan las imágenes. Afortunadamente, optimizar sus imágenes para la web no es particularmente difícil, ya que Aaron Nace demuestra a continuación:

En estos días, casi todo el mundo usa la web para mostrar sus fotos, ya sea un portafolio en línea, un blog o Facebook. Si nunca ha optimizado sus fotos, existe la posibilidad de que haya notado una diferencia clara entre lo que está editando en Photoshop o Lightroom y lo que ve una vez que se han cargado.

En el video de arriba, Nace comienza mejorando los colores existentes en su imagen. Ahora, obviamente, si ya ha terminado su flujo de trabajo en una de sus propias imágenes, no debería tener que hacer esto. Pero si está trabajando con la imagen de otra persona, probablemente querrá verificar todo, desde las curvas hasta el color, antes de calificarlo como bueno.

Corrigiendo el color para la web

Un antes y un después de las mejoras de color.

Cambiar el tamaño

Donde realmente comienza a ocurrir la optimización de su imagen (fuera de su flujo de trabajo normal) es con la nitidez. Como probablemente sepa, la nitidez es prácticamente la última parte de cualquier flujo de trabajo, y Nace plantea un punto crítico que muchas personas pasan por alto: es necesario cambiar el tamaño de la imagen a su tamaño de visualización real antes de afilado. Esta es una de las principales razones por las que el afilado no funciona. Si enfoca una imagen grande y luego reduce su tamaño, el efecto de nitidez será muy diferente para la imagen más pequeña.

(Si no conoce el tamaño real de la foto final, haga lo mejor que pueda y adivine. La mayoría de las plataformas web tendrán los tamaños de imagen reales en algún lugar de su documentación).

Afilado

Si bien hay muchas formas de enfocar una imagen, Nace prefiere la función «Máscara de enfoque» de Photoshop. Con el umbral establecido en 0 o justo por encima de 0, Nace mueve los controles deslizantes de Cantidad y Radio al punto en el que están claramente sobreajustados y luego los retrocede hasta que la imagen se ve bien para él. Sin embargo, tenga cuidado con este proceso. Es muy fácil enfocar demasiado y / o mejorar cualquier ruido en sus fotos y no verlo hasta más tarde.

Afilado para la web

Usar máscara de enfoque para afilar

Ahorro

Quizás la pieza más importante de optimización para la web es cómo guarda sus imágenes. Photoshop Guardar para web y dispositivos La función se encarga del resto de los errores de traducción al permitirle convertir a sRGB (el espacio de color que utilizan la mayoría de los navegadores) y guardar en el tamaño adecuado para una carga más rápida. (Aunque esto no se cubrió en el video, es muy importante, especialmente si tiene un contenido con muchas imágenes).

Una de las mejores partes de la opción Guardar para la Web en Photoshop es que le permite ver los ajustes antes y después en las pestañas en la parte superior del cuadro de diálogo. Entonces, si descubre que necesita reducir la calidad a un punto en el que se cargue más rápidamente, definitivamente puede ver dónde detenerse, donde la diferencia en la calidad de la imagen es obvia a simple vista.

En conjunto, afinar el tamaño real de la imagen, guardar en el espacio de color correcto y administrar el tamaño de su archivo puede marcar una diferencia concreta tanto en la experiencia de los espectadores con sus fotos como en la funcionalidad de su sitio web / blog.

¿Quieres informarte más sobre tutoriales para principiantes? Más abajo, tienes una selección de los artículos que hemos publicado en relación a ello:

ARTÍCULOS RELACIONADOS SOBRE TUTORIALES PARA PRINCIPIANTES:

Cómo eliminar los flecos de color rebeldes de tus fotos por Usnea Lebendig

Cómo eliminar los flecos de color rebeldes de tus fotos por Usnea Lebendig

¿Alguna vez ha comenzado a procesar una foto increíble solo para descubrir que tenía decoloraciones extrañas en ciertas áreas o ...
Leer Más
Cómo este fotógrafo de moda se inició en la industria por Usnea Lebendig

Cómo este fotógrafo de moda se inició en la industria por Usnea Lebendig

Irrumpir en la industria de la fotografía puede ser complicado en el mejor de los casos, y muchos fotógrafos emergentes ...
Leer Más
Comprensión de EOS: una guía para principiantes de las cámaras Canon EOS por Richard Schneider

Comprensión de EOS: una guía para principiantes de las cámaras Canon EOS por Richard Schneider

Para aquellos de ustedes que son nuevos en la fotografía, su cámara Canon EOS seguramente les parecerá complicada. Hay tantos ...
Leer Más
¿Se hizo película en color para personas blancas?  por Michael Fraiman

¿Se hizo película en color para personas blancas? por Michael Fraiman

Si imprimió fotografías familiares en color entre las décadas de 1940 y 1990 y, como advertencia importante, no es blanco, ...
Leer Más
Ideas de fotografía de bodas por Jason R

Ideas de fotografía de bodas por Jason R

Este video nos lleva a través del proceso de pensamiento de un equipo de fotografía de bodas y cómo abordan ...
Leer Más
Una mirada privilegiada al trabajo de fotógrafos famosos de la calle: nuevo documental de Janie Kliever

Una mirada privilegiada al trabajo de fotógrafos famosos de la calle: nuevo documental de Janie Kliever

Un nuevo documental de ALLDAYEVERYDAY Films ofrecerá una visión privilegiada del trabajo de algunos de los fotógrafos callejeros más destacados ...
Leer Más

Deja un comentario