Home >> Cámara digital >> Fotografía >> Postprocesamiento

Cómo exportar JPG para web desde Adobe Photoshop Lightroom: calidad y tamaño óptimos

Compartir fotos es el mayor placer del fotógrafo, pero llevar la imagen a la web con calidad y peso adecuados es un arte. Este tutorial te enseña a exportar desde Lightroom logrando el equilibrio perfecto entre calidad visual y tamaño de archivo.

El baile de la compresión: calidad vs. peso vs. experiencia de usuario

Subir a web o enviar por email exige compresión. Más calidad = más peso. El diseño web prioriza UX (experiencia de usuario): carga rápida = visitantes contentos. Las imágenes son 62% del peso del tráfico web. Archivos pequeños → webs rápidas.

Los fotógrafos queremos imágenes gloriosas y grandes. El equilibrio es la clave.

Al exportar para web desde Lightroom, dos parámetros mandan: tamaño (píxeles) y calidad (compresión JPEG).

Exportación básica en Lightroom

  1. Selecciona foto(s) en la tira de película.
  2. Clic derecho (Win) / Ctrl+clic (Mac) → Exportar → Exportar...
Menú contextual Exportar en Lightroom
Menú contextual: Exportar → Exportar...

Se abre la ventana de exportación. Vamos a los ajustes clave.

Ubicación de exportación

Elige carpeta destino. Marca "Poner en subcarpeta" para organizar.

Nombrado de archivo

Por defecto mantiene nombre original + extensión .jpg. Puedes usar plantillas de renombrado personalizadas.

Configuración de archivo (¡El núcleo!)

  • Formato: JPEG (casi siempre para web).
  • Espacio de color: sRGB siempre (ver abajo).
  • Calidad: slider 0-100. Bajo = poco peso, mala calidad. Alto = gran peso, calidad alta.
  • Limitar tamaño de archivo a: marca esta casilla para poner techo (ej. 200 KB).

Tamaño de imagen

Controla dimensiones (píxeles) y PPI. Para web, PPI es irrelevante; importan los píxeles.

Exportar para web: encontrar el punto dulce

Tamaño: redimensiona a la realidad de la pantalla

Fotos de cámara: enormes. Ej. Canon 5D Mark III (22 MP) → 5760×3840 px. Mi portátil: 1440×900 px. Web: imágenes suelen verse ≤1000 px de ancho. En Lightroom, tecla I muestra dimensiones en píxeles.

Mi método favorito: en Tamaño de imagen → "Redimensionar para ajustar → Borde largo" → 600 px (estándar Tuts+). El lado corto se calcula solo. Funciona para horizontal y vertical.

Calidad: la ley de rendimientos decrecientes

En tamaños web, diferencias entre calidad 90 y 100 son imperceptibles, pero el archivo crece mucho.

Comparativa calidad JPEG 25-100
Comparativa visual: calidad 25 (bandas en cielo) → 100 (detalle máximo). Abajo, tamaños de archivo.
Calidad LightroomTamaño archivo exportado
2591 KB
50122 KB
75168 KB
100366 KB

Para límite 200 KB (Tuts+), calidad 75 es el punto dulce: calidad visual excelente, peso controlado.

Perfiles de color incrustados: sRGB, ineludible

Exportar para web sin perfil sRGB incrustado = colores deslavados/erráticos en navegadores/móviles. En Configuración de archivo → Espacio de color: sRGB. Siempre.

Selección espacio de color sRGB en exportación Lightroom
Siempre selecciono sRGB como espacio de color para exportar a web.

Presets de exportación: uno por cada escenario

No todo es 600px/75calidad/200KB. A veces necesitas 1200px para portfolio, 2000px para cliente, 150KB para email. Crea presets de exportación para cada caso.

  1. Configura todos los parámetros (tamaño, calidad, límite, espacio color, nitidez de salida, metadatos, marca de agua...).
  2. En ventana exportación, botón "+" junto a "Preajustes de usuario" → nombra (ej. "Web 600px 75q", "Cliente 2000px 90q").
  3. Guarda varios. Un clic y listo.
Guardar preset de exportación en Lightroom
Tras ajustar redimensionado y calidad, pulsa "+" y guarda presets para tus destinos web habituales.

Resumen: lo que debes recordar

  • Redimensiona a la medida real de visualización (borde largo 600-2000 px según uso).
  • Calidad 70-80 suele ser óptimo; usa "Limitar tamaño" como red de seguridad.
  • Incrusta sRGB siempre.
  • Crea presets para cada escenario web.
  • Nitidez de salida: "Pantalla", cantidad "Estándar" o "Alta" según gusto.
  • Metadatos: solo "Derechos de autor y contacto" para privacidad y atribución.

Con esto, tus imágenes cargan rápido, se ven nítidas y con color fiel en cualquier dispositivo. Un paso por delante de quienes suben RAW a tamaño completo dejando que el navegador adivine.

Recursos complementarios