¿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 dos modos de presentación: el primero es el que llamamos insertado en el diseño, que tiene unas dimensiones máximas de 850px de ancho y 567px de alto. En este caso, recomendamos no sobrepasar esas dimensiones 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 850px puede pesar 250Kb, mientras que la misma imagen a 1500px que acabará redimensionada a 850 puede pesar más de 600Kb. Ten en cuenta que la foto se redimensiona en el navegador después de descargarse, por tanto en este ejemplo hay que descargar 600Kb 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.

El tamaño sí importa

Y nos referimos al tamaño de la ventana del navegador, que no es lo mismo que la resolución del monitor. En la imagen siguiente vemos el navegador para un monitor típico de 1280x800px de resolución, del que nos quedan, tras descontar las barras de botones y navegación y la barra lateral de desplazamiento, unos 1250x690px.

Por tanto, para este monitor, típico de los portátiles, si nuestra foto mide más de 1250px 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 resoluciones de más de 1600x1200px, 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 todo indica que las tabletas toman el relevo. Para terminar de complicar la cosa, las nuevas pantallas tipo retina del iPad aumentan radicalmente la resolución y esto puede marcar la tendencia en el futuro.

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. A día de hoy, en Europa estos son los resultados:

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 800px de alto, con lo que nuestras fotos dispondrán de unos 690px de alto máximo según el ejemplo anterior. Si somos cautos lo rebajaremos a 670px. Respecto al ancho, podemos quedarnos con unos 950px.

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 850px de ancho y 567px de alto.
  • Si tus fotos pueden aprovechar todo el espacio disponible en el navegador, como en la presentación flotante de Bluekea, nuestra conclusión es un tamaño máximo de 670px de alto y 950px de ancho.

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.

Publicado en Actualidad, Recomendaciones, Técnica digital | 1 comentario

Recomendaciones Bluekea

Hoy traemos un océano de flores en China, gotas y burbujas captadas en alta velocidad y mi favorito: 100 alucinantes fotos en 360 grados por Randy Scott Slavin.

Publicado en Fotografía | 1 comentario

Combinaciones de color para el diseño de tu web con Adobe Kuler

Si no eres diseñador a veces es complicado decidir los colores de tu web sin que la cosa acabe en desastre. Si tu página es de fotografía lo más recomendable es usar tonos más bien neutros y en un esquema sencillo, pero incluso así no es fácil combinar fondos, logos y tipografías una vez que nos salimos de la escala de grises.

Para facilitar esta tarea, hay varios servicios online con los que podemos crear combinaciones de color o ver las que han guardado otros usuarios. Uno de ellos es Adobe Kuler, que permite hacer, entre otras cosas:

  • Navegar por temas creados por otros usuarios
  • Crear y guardar tus propios temas
  • Crear una tema basado en los colores de una foto. Kuler te permite situar hasta 5 punteros para leer el color en 5 puntos de la imagen, que luego puedes usar como colores de logo, fondos, etc.

Como comentábamos al principio, es mejor ser moderado con los colores y siempre es mejor dejar el protagonismo a las fotos frente todo lo demás.


Publicado en Diseño de web, Software y servicios online | Deja un comentario

Artículo en dZoom: luz “natural” vs Photoshop

Esta semana publicamos como autor invitado en el blog fotográfico dZoom un artículo sobre la búsqueda de la luz en la naturaleza frente al retoque digital. Te invitamos a  leer el artículo y participar en el debate.

 

Publicado en Fotografía | Deja un comentario

Google Drive como alternativa a Dropbox

Esta semana Google le ha dado un serio disgusto a Dropbox lanzando un servicio de almacenamiento muy similar y mucho más competitivo en capacidad gratuita y en planes de pago. El invento se llama Google Drive, y ofrece 5Gb de capacidad gratuitos y planes desde apenas 2,5 dólares al mes por 25Gb.

Algunas características:

  • Está totalmente integrado, y de hecho sustituye, a Google Docs. Ahora además de documentos podemos almacenar, compartir y clasificar todo tipo de archivos.  Si estás familiarizado con Google Docs, es muy fácil usar Google Drive
  • Dispone de una versión de escritorio que se instala en Windows o Mac y permite sincronizar ficheros a nivel local, exactamente igual que Dropbox, de modo que cualquier contenido de la carpeta local de Google Drive es replicado automáticamente en los servidores de Google y queda accesible desde cualquier navegador.
  • Facilita la localización de ficheros en una búsqueda global en todos los documentos y ficheros que tengas en Drive, por título y contenidos. Si subes fotos con título podrás localizarlas fácilmente.
  • Tiene un diseño limpio y funciona bastante rápido, casi como moverte por tu disco duro local. Puedes escoger navegar por las carpetas en modo listado o cuadrícula.
  • En cuanto a móviles y tabletas, está disponible para Android y pronto lo estará para iOS (iPhone y iPad)

¿Cambiaremos Dropbox por Google Drive?

Personalmente, creo que Google Drive va a funcionar muy bien para almacenar, buscar y navegar por nuestros documentos y otros ficheros, incluyendo fotos. Para compartir de forma pública y privada, Dropbox funciona tan bien que no tenemos motivos para cambiar.

Publicado en Fotografía | 1 comentario

Sobre el robo “accidental” de fotos online

Hace un par de días leí un artículo en thenextweb.com sobre unas fotos que, perteneciendo a la cuenta de Instagram de un fotógrafo, aparecieron tal cuales en otra cuenta de Instagram, la de Vogue España nada menos. La empresa, tras ser pillada con las manos en la masa, tuvo una respuesta típica: “ha sido un error y pedimos disculpas”. Es difícil creer que el responsable de esto, seguramente un gran entendido en Internet y redes sociales, no estuviera al tanto de que eso, sencillamente, no se hace.

Casos similares los hay a cientos. De primera mano conozco algunos. Un fotógrafo va a un laboratorio y se encuentra con que uno de los originales que envió una vez para encargar una copia fue usado para hacer una ampliación que decora el mismo laboratorio. Otro va a una casa rural un fin de semana y descubre que han decorado la escalera con sus fotos sin que él se haya enterado. A otro le piden por email una copia de una foto que han visto decorando una clínica de Santo Domingo, donde él ni ha estado ni conoce a nadie.

El problema es que necesitamos mostrar nuestras fotos en Internet, algo que como fotógrafos es lo más natural y sin duda el modo más potente de dar a conocer nuestro trabajo, y eso por desgracia es incompatible con una seguridad al 100% de nuestras fotos. Existen algunos mecanismos de protección (bloqueo del botón derecho, marcas de agua), y herramientas para localizar nuestras fotos, pero a pesar de todo ello tenemos que asumir la posibilidad de que nuestras fotos se usen sin permiso, aunque sea por error.

Publicado en Fotografía | 3 comentarios

Un estudio virtual de iluminación

Hoy nos han recomendado esta curiosa web en la que podemos simular la iluminación en un estudio fotográfico. Podemos encender y apagar varios focos, controlar su intensidad y su posición en tres dimensiones e ir viendo los efectos en un modelo que, todo hay que decirlo, da un poco de miedo.

Todo esto en http://www.zvork.fr/vls/

Publicado en Fotografía | 1 comentario

Ian Ruhter: volviendo a 1850 para reinventar la fotografía

Si cada imagen nos costara horas de preparación y cientos de euros ¿cambiaríamos nuestra perspectiva sobre la fotografía?

Hoy compartimos un vídeo hipnotizante en el que vemos al fotógrafo Ian Ruhter trabajar en una camioneta convertida en cámara gigante sobre ruedas. Ruhter usa -si lo he entendido bien- el proceso de Colodión húmedo, algo inventado en 1851 que consiste en humedecer una placa fotográfica con una especie de barniz durante el proceso de toma y revelado. Así se obtiene una imagen única y final, sin pasar por negativos, diapositivas o archivos digitales. Sólo una oportunidad.

Puedes ver más fotos de Ruhter con este sistema en http://ianruhter.tumblr.com

Gracias por esta estupenda recomendación a Miguel Cuenca, buen amigo y especialista en fotografía humanitaria.

Publicado en Fotografía | 1 comentario

Google Fonts y la importancia de la tipografía en el diseño web

Tradicionalmente las tipografías usadas en diseño web se han limitado a las llamadas fuentes seguras, aquellas que vienen instaladas por defecto en casi todos los PCs:  nombres míticos como verdana, arial, geneva, times new roman

Esto es un factor muy limitante porque la tipografía puede marcar la diferencia en un diseño web.

Ejemplo de un menú con fuentes nativas

Un menú con una fuente Rock Salt desde Google Fonts

Fuentes existen miles, pero usar algunas de ellas en una web siempre ha sido complicado porque si el usuario no tiene la fuente instalada en su PC, el navegador la sustituye por otra y la web termina teniendo un aspecto totalmente diferente al diseño inicial. Ante este problema se han usado varias soluciones: pequeños fragmentos de Flash, imágenes que sustituyen al texto, etc. Estos remedios a su vez tienen sus inconvenientes porque no son, por así decirlo, naturales.

Existe otra solución para usar fuentes raras en cualquier web: si el usuario no la tiene instalada, se descarga en ese momento del mismo modo que las imágenes y el resto de componentes de la web y se usa como cualquier otra fuente. Al fin y al cabo una fuente se puede contener un fichero.

Google Fonts

Esta solución puede ser la definitiva, y un impulso decisivo puede ser un recopilatorio de fuentes creado por Google y que se llama, sorpréndanse, Google Fonts. Cuenta ya con cerca de 500 fuentes distintas que pueden utilizarse libremente en todo tipo de webs. Los ficheros que contienen las fuentes permanecen el la red de servidores de Google, lo que favorece su descarga rápida.

El mismo menú con la fuente Advent Pro

Ventajas

  • Muy fáciles de usar
  • Más riqueza y personalidad para cualquier web
  • Se pueden usar en todo tipo de textos: títulos y menús pero también contenidos.
  • Funcionan como cualquier otra fuente, los textos se pueden seleccionar y copiar y son totalmente visibles para los buscadores.

Inconvenientes

  • El fichero de cada fuente necesita ser descargado para usarse en la web, al menos la primera vez. Esto puede retardar ligeramente la navegación. No es recomendable usar muchas fuentes de este tipo al mismo tiempo (idealmente una o dos). Una fuente típica puede pesar entre 30 y 90Kb, lo mismo que una imagen de tamaño pequeño/mediano.
  • Tienen los mismos inconvenientes que las fuentes normales, por tanto si en un navegador o sistema operativo (¿alguien dijo Microsoft?) los textos normales no se ven suavizados (sin antialiasing) las fuentes de Google Fonts se verán igual de mal.

Bluekea y Google Fonts

En Bluekea vamos a comenzar a apostar por Google Fonts para nuestras webs de fotografía, comenzando por un nuevo diseño que vamos a publicar dentro de muy poco…

 

 

Publicado en Diseño de web, Software y servicios online | 5 comentarios

Whytake se consolida como referencia en fotografía de naturaleza

Dar contenidos de calidad a una web recién creada es una tarea titánica. Con solo unos meses, los amigos de Whytake.net, la red de fotógrafos de naturaleza, ya lo han conseguido y van camino de convertirse en referencia mundial.

El nivel de las imágenes que vemos en las secciones destacadas de la web es sencillamente impresionante. Más de 1.200 autores de varios países se han sumado ya a esta comunidad y han subido cerca de 7.000 fotos.

Rafael Rojas, gran fotógrafo con varios libros de gran formato a sus espaldas, es uno de sus creadores. Nos habla de sus impresiones y cómo ve el futuro de Whytake:

Las reacciones de los nuevos fotógrafos que llegan a Whytake son muy positivas y corroboran los puntos claves que hemos querido conseguir con el proyecto: calidad sobre cantidad, buscar que los autores sean selectivos con su trabajo para poder representarles adecuadamente como fotógrafos, una comunidad menos orientada a alimentar el ego y más participativa, un lugar donde encontrar inspiración y donde el control de calidad de lo que aparece en la sección “Inspírate” es casi manual.

Algo también muy importante es que hemos querido evitar toda competitividad, rankings, votaciones, “me gusta” y “me disgusta” (aun peor) etc. Esta claro que hemos perdido a corto tiempo el efecto enganche y “fast food” que consiguen otras web… pero no queríamos contribuir a lo mismo que odiamos como fotógrafos.

Estamos seguros de que en un par de años, Whytake estará lleno de gente que va buscando una verdadera comunidad internacional y multilingue de fotografia de naturaleza, donde encontrar inspiración, información y ser encontrado.

Seguro que es así. Enhorabuena a Whytake y toda la suerte del mundo.

 

Publicado en Fotografía | 1 comentario