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:

Consejos prácticos de fotografía para principiantes por Andrew Goodall

Consejos prácticos de fotografía para principiantes por Andrew Goodall

¿Te deprime la fotografía? ¿Estiró su presupuesto para comprar la mejor cámara que pudo y luego se dio cuenta de ...
Leer Más
¿Cuánto tiempo se tarda en aprender fotografía?  por Chelsea O'Neill

¿Cuánto tiempo se tarda en aprender fotografía? por Chelsea O’Neill

"¿Cuánto tiempo tardará?" es una pregunta común entre los interesados ​​en aprender fotografía. Desafortunadamente, no existe una respuesta simple o ...
Leer Más
Fotografía infantil: cómo fotografiar bebés por Rhommel Bernardino

Fotografía infantil: cómo fotografiar bebés por Rhommel Bernardino

Todo padre tiene el deseo de capturar la sonrisa inocente de su bebé en la cámara. Sin embargo, sacar las ...
Leer Más
Sombras: ¡el elemento olvidado que puede hacer (o romper) una fotografía!  por Danny Eitreim

Sombras: ¡el elemento olvidado que puede hacer (o romper) una fotografía! por Danny Eitreim

Como fotógrafos, nos obsesionamos con la luz. Cuánto, la dirección de la que proviene, el color, etc. ¿No es la ...
Leer Más
Cuándo usar niveles o curvas en Photoshop por Les Meehan

Cuándo usar niveles o curvas en Photoshop por Les Meehan

Muchos usuarios de Photoshop aprenden a utilizar el cuadro de diálogo Niveles y luego nunca llegan a aprender a utilizar ...
Leer Más
Ver a través de los ojos de un fotógrafo de bodas por Richard Schneider

Ver a través de los ojos de un fotógrafo de bodas por Richard Schneider

Hay muchos videos detrás de escena sobre fotógrafos de bodas, pero este tiene una perspectiva muy diferente. Fotógrafo Jaroslav Repta ...
Leer Más