¿Qué tamaño deben tener mis fotos para web?

Una duda habitual entre los fotógrafos que crean su página con Bluekea es el tamaño que deben tener las fotos cuando se preparan para subirlas a la web. Vamos a intentar aclarar un poco el asunto basándonos en los modos de presentación de Bluekea, pero son unos consejos válidos para cualquier tipo de web.

En Bluekea tenemos varios modos de presentación: el primero es el que llamamos insertado en el diseño, que tiene unas dimensiones máximas de 1250 px de ancho y 850 px de alto. En este caso, recomendamos no sobrepasar esas dimensiones en más de 200 px por varios motivos:

  • La foto es más pesada de lo necesario, haciendo que la web sea más lenta. Por ejemplo una imagen preparada a 1250 px puede pesar 350 Kb, mientras que la misma imagen a 1900 px que acabará redimensionada a 1250 puede pesar más de 1 Mb. Ten en cuenta que la foto se redimensiona en el navegador después de descargarse, por tanto en este ejemplo hay que descargar 1Mb para poder mostrar la foto.
  • Las transiciones con fotos grandes redimensionadas, como fundidos, desplazamientos, etc, requieren más potencia en el navegador y pueden atascarse un poco en ordenadores lentos.
  • Si la foto es mayor del espacio disponible, es redimensionada por la web y el enfoque no va a ser el mismo que el que el fotógrafo puede establecer preparando la foto a su tamaño final.

El segundo modo de presentación es el que llamamos flotante, donde las fotos se muestran por encima del diseño del resto de la web y por tanto disponen de todo el espacio de la ventana del navegador. En estos casos el tamaño máximo vendrá determinado por el de las pantallas de tus visitantes más habituales. Si no sabes muy bien cuáles son esas dimensiones puedes tomar como referencia un tamaño de unos 1350 px de ancho o 900 px de alto como máximo.

Por último, para las fotos que se muestran como fondo de la web y que por tanto ocuparán toda la pantalla, nuestro consejo es que no sobrepasen los 1950 px de ancho. Al tratarse de un tamaño grande es importante cuidar el peso de la foto.

El tamaño de la ventana

El tamaño de la ventana del navegador no es lo mismo que la resolución del monitor. En la imagen siguiente vemos el navegador para un monitor de 1280×800 px de resolución, del que nos quedan, tras descontar las barras de botones y navegación y la barra lateral de desplazamiento, unos 1250×690 px.

Por tanto, para este monitor, típico de los portátiles, si nuestra foto mide más de 1250 px de ancho o 690 de alto, será redimensionada.

Un mundo de pantallas

El fotógrafo suele trabajar con monitores muy grandes, de entre 21 y 27 pulgadas con grandes resoluciones, sin embargo esta es la excepción y no la regla para el visitante medio de su web. El portátil durante los últimos años ha sido el tipo de ordenador más vendido y muchas webs reciben más visitas desde el móvil que desde cualquier otro dispositivo. Para terminar de complicar la cosa, las nuevas pantallas tipo retina del muchas tablets y cada vez más ordenadores aumentan radicalmente la resolución.

De todo esto deducimos que es muy complicado dar un tamaño estándar de navegador. Para ayudar un poco, podemos consultar la web de statcounter.com, que entre otras cosas nos da estadísticas de resoluciones de monitor en varias regiones del mundo. En el momento de escribir este artículo, estos son los resultados:

Resolución de pantallas en todo el mundo

Vemos que no hay una resolución que destaque especialmente sobre las demás -la primera de ellas no llega al 20% del total- pero las tres primeras no superan los 800 px de alto, con lo que nuestras fotos dispondrán de unos 690 px de alto máximo según el ejemplo anterior. Si somos cautos lo rebajaremos a 670 px. Respecto al ancho, podemos quedarnos con unos 950 px.

Los números finales

Tenemos dos escenarios posibles:

  • Si tus fotos tienen un espacio limitado por el diseño de tu web, es conveniente que antes de subirlas tengan ya ese tamaño como máximo. En el caso de Bluekea, para la presentación insertada hablamos de 1250 px de ancho y 850 px de alto.
  • Si tus fotos pueden aprovechar todo el espacio disponible en el navegador, como en la presentación flotante de Bluekea o como fondo de pantalla, nuestra conclusión es un tamaño de entre 1350 y 1950 px de ancho, y de 950 px de alto.

Recursos útiles

  • En este artículo te contamos cómo preparar tus fotos para web al tamaño deseado con Lightroom.
  • Para ver cómo se ve tu web en varias resoluciones, entra en screenfly (mejor desde un monitor grande).

El futuro

Estamos en un momento de evolución muy rápida en el que las tabletas y smartphones van sustituyendo cada vez más a los ordenadores tradicionales. Esto afectará al modo en que preparamos y vemos fotografía en la web, y aquí estaremos para contarlo.

Este artículo fue publicado originalmente en 2012, y ha sido completamente revisado y actualizado en noviembre de 2018.

Bluekea son webs creativas para fotógrafos y artistas creativos. pruébalo gratis

Esta entrada fue publicada en Actualidad, Técnica digital en fotografía. Guarda el enlace permanente.

5 respuestas a ¿Qué tamaño deben tener mis fotos para web?