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:

Tutorial detallado sobre cómo utilizar el nuevo Canon Speedlite de Spencer Seastrom

Tutorial detallado sobre cómo utilizar el nuevo Canon Speedlite de Spencer Seastrom

Los fanáticos de Canon deberían estar entusiasmados con el recientemente lanzado Speedlite Canon 600EX-RT, el primer speedlite en la línea ...
Leer Más
Términos de cámara comúnmente mal pronunciados por Sunny Shrestha

Términos de cámara comúnmente mal pronunciados por Sunny Shrestha

Hay ciertos términos en fotografía que se pronuncian incorrectamente. No es que la pronunciación importe mucho, pero siempre es bueno ...
Leer Más
Mantenga su cámara segura en temperaturas bajo cero por Quintin Lake

Mantenga su cámara segura en temperaturas bajo cero por Quintin Lake

La mayoría de las SLR se adaptan muy bien a las temperaturas bajo cero. No he tenido problemas para usar ...
Leer Más
Consejos de fotografía de artes marciales por Tiffany M

Consejos de fotografía de artes marciales por Tiffany M

El Parque Estatal Bonneville Salt Flats, cerca de la frontera de Utah, es un lugar excelente para una sesión de ...
Leer Más
Fotografía de surf: Life on the Edge por Tiffany M

Fotografía de surf: Life on the Edge por Tiffany M

Fotografiar a los surfistas es un verdadero trabajo de amor. Como Zak Noyle describe en el siguiente mini-documental, para convertirte ...
Leer Más
Consejos rápidos para fotografiar vidrio por Rajib Mukherjee

Consejos rápidos para fotografiar vidrio por Rajib Mukherjee

Fotografiar superficies reflectantes puede ser una pesadilla, o no, dependiendo de cómo configure las luces. David Bergman demuestra cómo encender ...
Leer Más

Deja un comentario