Una guía rápida para la fotografía de sitios web

Publicado: 2020-04-24

La inclusión de una gran foto puede convertir una página web simple en una visualmente atractiva. Pero no sirve cualquier fotografía antigua. Decidir sobre la imagen correcta es algo que debemos considerar cuidadosamente.

A veces, sin embargo, los diseñadores no necesariamente toman esa decisión. Por ejemplo, ¿alguna vez te han entregado una imagen no tan buena de un cliente? Pueden insistir en usarlo, incluso si quita la estética general de su sitio web.

Incluso entonces, todavía hay una oportunidad de salvar el día. Se trata de comprender mejor el papel que puede desempeñar la fotografía en el diseño web. Si podemos educar tanto a nuestros clientes como a nosotros mismos, podemos evitar esas imágenes granulosas y descentradas que su cliente tomó con su teléfono celular de 10 años. En su lugar, habrá una foto atractiva y relevante que se sume a la experiencia general.

Con eso en mente, aquí hay algunos consejos útiles para elegir las mejores fotos para su sitio web.

Considere el tema

En primer lugar, una foto debe reflejar el tema de su contenido, al menos, hasta cierto punto. Esta no es una ciencia exacta y, a menudo, está abierta a interpretación.

La ruta más fácil, por supuesto, sería contratar a un profesional para que tome imágenes precisas para usted. Pero eso también está más allá del presupuesto de muchas empresas. Eso nos lleva al uso inevitable de fotos de archivo.

Si opta por la fotografía de stock, es posible que no siempre dé en el clavo con respecto al tema. Pero aún puede tratar de transmitir la idea básica (incluso si es un poco genérico).

Como ejemplo, supongamos que ha escrito una publicación de blog sobre las razones para contratar a un afinador de pianos. Tal vez no tenga acceso a excelentes imágenes de alguien realizando el trabajo real. Pero lo más probable es que puedas encontrar fotos de un piano. Mejor aún, uno que se centre en sus partes internas.

El objetivo es encontrar imágenes que ayuden a mantener la atención del usuario en un tema en particular. No se requiere perfección, pero trate de no alejarse demasiado del tema principal del contenido.

Hombre viendo el sitio web en un dispositivo de tableta.

Piense en el color y el posprocesamiento

Gracias a las maravillas de herramientas como Adobe Photoshop e incluso CSS, el color que encontramos inicialmente dentro de una imagen no necesariamente tiene que permanecer así. Podemos cambiar el tono, la saturación o incluso convertir a blanco y negro.

Aún así, vale la pena pensar qué colores tienen más sentido para su proyecto. Elementos como el diseño general de su sitio pueden ser un factor importante, al igual que el estado de ánimo que busca crear.

Si su sitio web tiene un fondo oscuro y desea hacer una declaración audaz, entonces una foto de colores brillantes podría ser justo lo que recetó el médico. Pero el blanco y negro puede ser perfecto si buscas algo más serio y discreto.

Cualquier efecto de posprocesamiento que planee usar también debe tenerse en cuenta. No todas las imágenes que encuentre serán buenas candidatas para los filtros específicos que está utilizando.

Por ejemplo, si está aplicando una superposición de color a una serie de imágenes de encabezado en cada página de su sitio, querrá asegurarse de que las fotos que elija se vean uniformes cuando se aplique el efecto. Si una imagen en particular parece fuera de lugar, es posible que no sea la mejor opción en este escenario.

Hombre comparando una foto impresa con una en la pantalla de una computadora.

El tamaño y la orientación importan

Ya sea que tome sus propias fotos o las descargue de un servicio de almacenamiento, es probable que las imágenes que elija se recorten a un tamaño más pequeño antes de agregarlas a su sitio web. Incluso con conexiones de banda ancha y monitores 4k, las imágenes gigantes (con tamaños de descarga igualmente grandes) no son muy fáciles de usar.

Por lo tanto, es importante considerar cómo planea usar una imagen específica en su sitio. ¿Qué efecto tendrá el recorte en él? Aquí es donde entran en juego el tamaño de píxel de la imagen y su orientación.

Tome, por ejemplo, una imagen de fondo dentro de un área de héroe. En este caso, a menudo es mejor optar por fotografías amplias orientadas al paisaje. Tratar de convertir una foto alta y orientada a retratos en una corta y ancha generalmente dejará fuera demasiados detalles.

Al mismo tiempo, el tamaño de los píxeles también es importante. Idealmente, es mejor elegir imágenes que sean más grandes de lo que necesita para tener espacio para recortarlas. Ampliar imágenes pequeñas generalmente conduce a una calidad de visualización muy pobre. Por lo tanto, busque algo que pueda reducir al tamaño deseado.

¡Y no te olvides del móvil! Dependiendo de cómo esté usando una imagen, es posible que deba ajustar los estilos para que las cosas se vean perfectas en píxeles en pantallas pequeñas. También es posible que una imagen se vea muy bien en pantallas grandes, pero realmente no funcione bien en las pequeñas. Eso puede significar tener que encontrar una imagen diferente que funcione con su plantilla receptiva.

Imagen recortada en Photoshop.

Acerca de la terrible foto de tu cliente

Anteriormente aludimos a aquellas situaciones en las que un cliente insiste en usar una foto en particular (también conocida como la foto " incorrecta "). En estos casos, es fácil simplemente descartarlo como una mala idea, y tal vez lo sea. Pero también es aconsejable ser consciente tanto de sus sentimientos como de su proceso de pensamiento.

Para tener una mejor idea de esto, es posible que deba hacer un poco de sondeo. Comience expresando honesta y cortésmente cualquier inquietud que tenga sobre la imagen. Tal vez el tamaño no funcione o la calidad simplemente no esté a la altura. De todos modos, lo mejor es expresar sus pensamientos abiertamente.

A medida que lo discuta más, trate de averiguar exactamente qué es lo que les gusta de la foto. Es posible que descubras que lo están usando porque es el único que tienen o porque tiene algún valor sentimental. Es poco probable que estén tratando de “arruinar” tu obra maestra (aunque si afirman que esa es la razón, sal de ahí lo más rápido que puedas).

A partir de ahí, puede mostrar algunas opciones. Cosas como agregar efectos o hacerlo parte de un collage podrían ayudar a lograr un mejor ajuste. O, si la imagen se puede recrear fácilmente, puede sugerir una nueva toma.

La mayor parte del tiempo, encontrará que los clientes son flexibles cuando se trata de imágenes. Y una vez que vean que estás trabajando en su mejor interés, es más probable que te encuentren en el medio. Por lo tanto, no tome su solicitud inicial como una decisión final; es probable que haya cierto margen para el compromiso.

Mujer estrechándole la mano.

Mejores Fotos = Mejor Sitio Web

Con la gran cantidad de fotografías disponibles al alcance de la mano, es fácil tomar rápidamente una imagen y ponerla en uso. Pero, ¿es el adecuado para el trabajo?

En realidad, puede tomar un poco más de esfuerzo encontrar la foto correcta. Considere el tema de su sitio, las opciones de color apropiadas y el tamaño que necesita. Eso ayudará a reducir su búsqueda. A partir de ahí, se trata de experimentar con diferentes opciones y determinar la mejor opción.

Y, en aquellos casos en los que un cliente tenga sus propias ideas, abra las líneas de comunicación y busque formas de sacar el máximo provecho de la situación.

La fotografía es un elemento que realmente puede hacer que su sitio web se destaque. Por lo tanto, ¡tómese su tiempo y elija sabiamente!