Una de las preguntas que más nos hacen los fotógrafos que crean su página con Bluekea es: ¿qué tamaño tienen que tener mis fotos para web? La respuesta depende de cómo se van a mostrar: no es lo mismo una foto de portada a toda pantalla que una miniatura en una galería. En esta guía te damos todas las medidas, con una tabla de referencia rápida y los factores adicionales que afectan a la calidad y velocidad de carga.
Contenidos
Medidas de referencia rápida
Si necesitas una respuesta inmediata, aquí tienes las dimensiones recomendadas para los tipos de imagen más habituales:
| Tipo de imagen | Ancho recomendado | Alto recomendado | Peso máximo orientativo |
|---|---|---|---|
| Portada / hero a toda pantalla (horizontal) | 2.100 px | libre (proporción original) | 400–600 KB |
| Portada vertical para móvil | libre | 1.050 px | 200–350 KB |
| Foto en galería flotante / lightbox | máx. 1.900 px | máx. 1.050 px | 300–500 KB |
| Foto insertada en contenido / galería en página | 800–1.200 px | proporcional | 150–300 KB |
| Imagen de blog / artículo | 1.200 px | proporcional | 100–200 KB |
| Miniatura / thumbnail | 400–600 px | proporcional | 30–80 KB |
| Foto de producto en tienda online | 1.200–1.500 px | proporcional | 150–300 KB |
* La imagen hero es esa foto en tamaño grande que ocupa toda la pantalla de extremo a extremo, normalmente al entrar a una web, e incluye el nombre del fotógrafo o título de la web y un breve texto o eslógan superpuesto.
A continuación te explicamos cada caso con más detalle.
1. Fotos de portada y hero a toda pantalla
Son las imágenes que ocupan todo el área del navegador: la portada de tu web, las fotos de cabecera con texto superpuesto o las galerías en modo presentación. Para que se vean nítidas en pantallas de ordenador y tablet —incluidas las pantallas de alta densidad (Retina)—, recomendamos un ancho de 2.100 píxeles.
Para móvil, lo ideal es tener una versión vertical de la misma foto u otra imagen diferente. En Bluekea puedes subir una foto específica para móvil en las portadas. Para esa versión vertical, apunta a un alto de 1.050 píxeles.
En cuanto al peso, intenta no superar los 500 KB con una compresión JPG del 70–75%. Una foto de portada demasiado pesada penaliza directamente el LCP (Largest Contentful Paint), uno de los indicadores de Google para posicionamiento.
2. Fotos en galería flotante (lightbox)
Llamamos galería flotante a esa cuyas fotos se abren por encima del contenido, como una ventana emergente, cuando el visitante hace clic en una imagen. Es el modo de presentación más habitual en portfolios de fotografía porque muestra las fotos a gran tamaño sin salir de la página y aprovecha todo el tamaño de la web.
Para este tipo de galerías recomendamos un ancho máximo de 1.900 píxeles y un alto máximo de 1.050 píxeles. Esto garantiza buena calidad en pantallas Full HD y Retina sin disparar el tiempo de carga.
3. Fotos insertadas en el contenido y galerías en página
Son las fotos que conviven con texto, menús u otros elementos dentro de la página: galerías en modo «insertado», módulos de contenido con foto y texto combinados, o imágenes dentro de artículos de blog.
En estos casos, como la foto solo ocupa una parte de la pantalla, no hace falta tanto tamaño. Recomendamos entre 800 y 1.200 píxeles en el lado mayor (ancho para fotos horizontales o cuadradas, alto para verticales). Estos tamaños son válidos para ordenador, móvil y tablet si tu web está bien adaptada.
En estos casos, donde la foto ocupa solo una parte de la pantalla, recomendamos un tamaño de entre 800 y 1.200 píxeles en el lado mayor (de alto si la foto es vertical y de ancho si es horizontal o cuadrada), dependiendo del tamaño relativo que ocupe cada imagen.
Si tu web está bien diseñada para adaptarse a cualquier pantalla, estos tamaños son adecuados para ordenador, móvil o tablet.
4. Imágenes de blog y artículos
Para las imágenes de cabecera o de contenido en artículos de blog, un ancho de 1.200 píxeles es más que suficiente. Mantén la proporción original de la foto y apunta a un peso por debajo de 200 KB para que el artículo cargue rápido.
5. Miniaturas y thumbnails
Las miniaturas son las versiones pequeñas que aparecen en listados, portadas de galerías o previsualizaciones. En muchos casos tu web o CMS las genera automáticamente a partir de la imagen original que subiste. Esto es lo que hacemos en todas las webs de Bluekea.
Si necesitas generarlas tú, con 400–600 píxeles en el lado mayor tienes de sobra. El peso objetivo está por debajo de los 80 KB.
6. Fotos para su venta
Si vendes fotografías a través de tu web, las imágenes tienen que transmitir calidad sin revelar demasiado detalle (para proteger tu trabajo). Un ancho de 1.200–1.500 píxeles ofrece suficiente detalle para convencer al comprador. Añade una marca de agua si es necesario y recuerda que la versión descargable que vendes es un archivo diferente, de mayor resolución.
Con Bluekea solo tienes que subir la foto al tamaño máximo al que la quieras vender, y esa versión quedará guardada de forma segura. En tu web se mostrará una versión al tamaño adecuado. La foto original solo se usará para crear la copia al tamaño escogido por el comprador.
Otros factores que afectan a la calidad
Formato de archivo
El formato más usado y compatible hoy en día es JPG. Dicho esto, Bluekea sirve las imágenes en formato WebP de forma automática cuando el navegador lo admite, lo que reduce el peso entre un 25 y un 35% sin pérdida visual apreciable. No tienes que hacer nada: sube tus fotos en JPG y Bluekea gestiona la conversión.
Si usas Adobe Lightroom para preparar tus fotos para la web, aquí te explicamos cómo exportarlas de forma óptima.
Compresión
Para los archivos JPG recomendamos una compresión de entre 70% y 75% (o «calidad 70–75» en Lightroom y Photoshop). Este rango conserva prácticamente toda la calidad visual con un peso muy razonable.
Espacio de color
Exporta siempre en sRGB. Si usas Adobe RGB o ProPhoto RGB, los colores pueden verse apagados o desaturados en los navegadores. Es uno de los errores más habituales y uno de los más fáciles de evitar. Puedes leer más en nuestro artículo sobre espacios de color para web.
Resolución (ppp / dpi)
La resolución en puntos por pulgada no afecta en absoluto a la calidad o nitidez en pantalla. Puedes exportar a 72, 150 o 300 ppp: el resultado visual será idéntico. La resolución solo importa al imprimir. Lo que sí importa son las dimensiones en píxeles, que es lo que hemos visto en esta guía. Si tienes dudas sobre este tema, te lo explicamos en profundidad en ¿cuál es la resolución correcta para fotografía en web?
Sube tus fotos al tamaño que se van a mostrar, no más
Subir fotos más grandes de lo necesario no mejora la calidad (tu web las reducirá de todas formas), pero sí ralentiza la carga y hace que pierdas el control sobre la imagen final que se muestra. Ajusta las dimensiones antes de subir siguiendo los valores de esta guía.
Preguntas frecuentes sobre el tamaño de fotos para web
¿Cuál es el tamaño ideal de una foto para una página web?
Depende del uso. Para fotos de portada a toda pantalla, recomendamos 2.100 píxeles de ancho. Para galerías y fotos en contenido, entre 800 y 1.200 píxeles. Para miniaturas, 400–600 píxeles. Consulta la tabla de referencia al inicio de este artículo.
¿Cuánto debe pesar una imagen para web?
Como norma general: fotos de portada por debajo de 500 KB, imágenes en galería entre 150 y 400 KB, imágenes de blog por debajo de 200 KB y miniaturas por debajo de 80 KB. El peso depende del tamaño en píxeles y del nivel de compresión JPG aplicado.
¿Es mejor usar proporción 4:3 o 16:9 para fotos de portada?
La proporción 16:9 (panorámica) es la más habitual para portadas y fotos hero, ya que encaja bien con la mayoría de pantallas de ordenador. La 4:3 puede funcionar bien para galerías de estilo clásico. En cualquier caso, lo más importante es que la foto tenga suficientes píxeles en el lado mayor y que el diseño de tu web esté adaptado a esa proporción.
¿Es lo mismo tamaño en píxeles que resolución en ppp?
No. El tamaño en píxeles (por ejemplo, 2.100 × 1.400 px) determina cuánta información tiene la imagen y es lo que importa en web. La resolución en ppp (72 ppp, 300 ppp…) es relevante solo para impresión. Para web, la resolución en ppp es irrelevante: lo que importa es el número de píxeles.
¿Qué tamaño tienen que tener las fotos para una tienda online de fotografía?
Para las imágenes que se venden online, recomendamos entre 1.200 y 1.500 píxeles en el lado mayor, con marca de agua si es necesario. El archivo que el comprador descarga tras la compra debe ser el original en alta resolución, que es independiente de la imagen mostrada en la web.
¿Qué pasa si subo fotos demasiado grandes?
Tu web las mostrará a las dimensiones correctas, pero el navegador tendrá que descargar un archivo más pesado de lo necesario, lo que ralentiza la carga. Además, si la web redimensiona la imagen por su cuenta, puedes perder control sobre el enfoque y el color final. Lo mejor es preparar las fotos al tamaño exacto al que se van a mostrar.
Este artículo fue publicado originalmente en 2012, y ha sido completamente revisado y actualizado en varias ocasiones, la más reciente en marzo de 2026.
También te puede interesar
Introducción a la IA de Photoshop: cómo cambiar fondos, eliminar elementos y extender imágenes
leer más
5 respuestas a Tamaño y medidas de tus fotos para web: guía para fotógrafos