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 orientativo |
|---|---|---|---|
| Portada / hero* a toda pantalla (horizontal) | 2.100 px | máx. 950 px | 400–500 KB |
| Portada para móvil (vertical) | 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 | 200–350 KB |
| Miniatura / thumbnail | 400–600 px | proporcional | 30–80 KB |
| Foto en venta | 1.200–1.500 px | proporcional | 200–350 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 o las fotos de cabecera con texto superpuesto a modo de banner o hero. 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 unos 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 aquella 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 u otros elementos dentro de la página: galerías que muestran las fotos abiertas dentro de la estructura de la web (no flotantes), módulos de contenido con foto y texto combinados, etc.
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.
4. Imágenes de blog y artículos
Este tipo de fotos ocupan todo el ancho de la web, pero dentro de la columna principal de la misma. En el caso de un blog, por lo general en un lateral suele haber un menú que hace que el ancho de la imagen sea algo menor.
Para las imágenes de cabecera o de contenido en artículos de blog, un ancho de 1.200 píxeles suele ser suficiente, si bien lo puedes aumentar un poco cuando la calidad de las imágenes sea importante para el tema que estás tratando. Mantén la proporción original de la foto.
5. Miniaturas y thumbnails
Las miniaturas son las versiones pequeñas que aparecen formando muchos tipos de galerías, y que dan acceso a las fotos grandes al hacer clic. En muchos casos tu web 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ú, 400–600 píxeles en el lado mayor es lo adecuado salvo que se trate de una galería con miniaturas muy grandes, en cuyo caso verás que es necesario un tamaño algo mayor para mantener la nitidez.
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 da suficiente detalle para convencer al posible 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 miniatura y en sus módulos siempre 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.
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 reduciendo significativamente el peso de la imagen. Si usas Adobe Lightroom para preparar tus fotos para la web, aquí te explicamos cómo exportarlas de forma óptima.
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.
Pasos clave para para elegir el tamaño y exportar tus fotos para web
Elige el tipo de imagen
Ajusta las dimensiones en píxeles
Exporta en JPG con calidad 70-75%
Verifica que el perfil de color es sRGB
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 alrededor de 500 KB, imágenes para galería entre 300 y 500 KB, imágenes de blog por debajo de 350 KB, imágenes dentro del texto por debajo de 300 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 su venta online?
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 o una versión al tamaño comprado, 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.
¿Qué es mejor 72 ppp o 300 ppp?
Para web, la resolución en ppp es irrelevante: lo que importa es el número de píxeles ya que la resolución en ppp solo afecta al tamaño y calidad finales de la impresión. Por tanto en web una imagen se verá exactamente igual en cualquier resolución, sea 72 ppp, 100 ppp o 300 ppp
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 completa para fotógrafos