Cómo encontrar imágenes ocultas en una web (Firefox, Chrome, Edge, Safari)

Algunas imágenes no se ven (carga perezosa, CSS display:none, visibility:hidden, opacidad 0, fondo de contenedor, canvas/WebGL, iframes). Los navegadores tienen herramientas para listar todos los recursos de imagen.

Firefox

1. Clic derecho en zona vacía → Información de la página (o Ctrl+I).
2. Pestaña Medios → lista completa con vista previa, URL, tipo, tamaño. Copia/guarda las que quieras.

Chrome / Edge / Brave / Opera (DevTools)

1. F12 o clic derecho → Inspeccionar.
2. Pestaña Network (Red) → filtro Img.
3. Recarga (F5) → verás todas las imágenes cargadas (incluidas lazy-load al hacer scroll). Clic en una → vista previa, headers, timing. Clic derecho → «Open in new tab» / «Save image as…».
4. Pestaña Application (Aplicación) → Frames → Images → árbol con todas las imágenes del DOM (incluidas las ocultas por CSS).

Safari (macOS)

1. Safari → Configuración → Avanzado → Mostrar menú Desarrollar.
2. Desarrollar → Mostrar inspector web (Opt+Cmd+I).
3. Pestaña Resources (Recursos) → Images → lista completa.

Extensiones útiles

• Imageye (Chrome/Edge/Firefox): botón en barra → galería de todas las imágenes de la página con filtros por tamaño/tipo, descarga masiva ZIP.
• Fatkun Batch Download Image (Chrome/Edge): similar.
• Save All Images (Firefox).

Nota legal

Descargar imágenes puede infringir derechos de autor. Úsalo para aprendizaje, dominio público, licencias CC0/CC-BY, o con permiso.