Todos los artículos Tutorial

Cómo extraer imágenes de cualquier sitio web

18 de junio de 2026 · 6 min de lectura

Extraer imágenes de un sitio web significa sacar los archivos de imagen reales que hay detrás de una página para que puedas verlas en vista previa, copiarlas o guardarlas. La parte difícil es que muchas imágenes no son etiquetas <img> sencillas, así que las herramientas básicas nunca las ven. Aquí tienes cómo llegar a todas las imágenes de una página y capturarlas a máxima resolución.

Dónde se esconden las imágenes en una página

Antes de poder extraer imágenes, ayuda saber dónde viven. Una página típica mezcla varios tipos de elementos visuales:

• Imágenes estándar. Cada etiqueta <img>, más las fuentes adaptables de un srcset.
• Fondos de CSS. Imágenes definidas en las hojas de estilo, incluidas las que solo aparecen en hover o en los estados ::before y ::after.
• Imágenes con carga diferida. Imágenes que se cargan solo cuando entran en la zona visible.
• Shadow DOM e iframes. Widgets e incrustaciones que ocultan su contenido de los escaneos sencillos.
• Canvas y SVG en línea. Gráficos que el navegador renderiza en lugar de descargar.
• Contenido cargado por JavaScript. Fotogramas de carrusel e imágenes de feed obtenidos después de que la página cargue.

Extrae todas las imágenes con PicGrab

PicGrab escanea la página que estás viendo y saca a la luz todas las imágenes que puede alcanzar, cubriendo todas las fuentes anteriores. Incluso un registro pasivo de red anota las respuestas de imágenes cargadas por JavaScript y las fusiona en el escaneo, así que los fotogramas de carrusel y el contenido obtenido mediante fetch no se pierden. Obtienes una cuadrícula limpia, filtros por tamaño y tipo, y descarga en bloque con un solo clic. El escáner se ejecuta solo cuando lo pides, así que nada queda en cada página en segundo plano.

Consigue máxima resolución, no miniaturas

Muchos sitios muestran una vista previa pequeña y cargan el archivo grande solo cuando hace falta. PicGrab lee la fuente real de cada imagen en lugar de la versión reducida que hay en pantalla, así que obtienes el archivo a máxima resolución cuando hay uno disponible. Para las imágenes encontradas a través del diseño, como los fondos de CSS, sondea las dimensiones reales en segundo plano y actualiza las etiquetas de tamaño, que pasan de una estimación al tamaño exacto en píxeles.

Extrae y luego elige qué hacer

La extracción es solo el primer paso. Una vez que las imágenes están listadas, puedes:

• Descargar una sola imagen, o seleccionar muchas y descargarlas en bloque.
• Abrir cualquier imagen en una pestaña nueva para inspeccionarla.
• Copiar la URL de una imagen para usarla en otro sitio.
• Buscar una imagen con Google Lens para rastrear su procedencia.

Filtra hasta las imágenes que importan

Una lista larga solo es útil si puedes acotarla. Filtra por dimensiones mínimas para descartar iconos, por tipo de archivo según tus necesidades, por forma para un diseño concreto, o por texto en la URL o en el atributo alt. Luego ordena por tamaño o por orden en la página para encontrar las imágenes correctas rápido.

Páginas donde la extracción es limitada

Conviene conocer algunos límites. Las páginas internas del navegador, como la página de extensiones y la tienda web, están vedadas a todas las extensiones. Los elementos canvas de origen cruzado están bloqueados por el navegador y no se pueden exportar. Y algunas imágenes están protegidas por derechos aunque sean fáciles de extraer, así que confirma siempre que tienes permiso para usar lo que guardas.

Casos de uso para extraer imágenes

Extraer imágenes es el primer paso en muchas tareas cotidianas. Los diseñadores construyen moodboards a partir de referencias. Los equipos de contenido auditan qué imágenes usa un competidor en una página de aterrizaje. Los investigadores archivan material visual antes de que una página cambie. Los desarrolladores sacan todos los recursos de una página de prototipo para reconstruirla. Incluso los controles de calidad dependen de ello: listar todas las imágenes de una página facilita detectar una fuente rota, un encabezado de baja resolución o un marcador de posición olvidado. Como PicGrab muestra la URL fuente real y el tamaño verdadero de cada imagen, obtienes un inventario preciso de una página, no solo un montón de archivos.

Extrae de páginas complicadas

Algunas páginas se resisten. Los feeds infinitos revelan imágenes solo al desplazarte, las aplicaciones de una sola página cambian el contenido sin recargar, y las galerías cargan las versiones de alta resolución solo al hacer clic. La salida es un escaneo profundo más el registro pasivo de red: el escaneo fuerza la carga del contenido diferido, y el registro anota las respuestas de imágenes que JavaScript obtuvo en segundo plano, así que los fotogramas de carrusel y el contenido bajo demanda se capturan en lugar de perderse. El resultado es el conjunto completo de lo que la página realmente cargó, incluso cuando nada de eso aparece en el HTML en bruto.

Preguntas frecuentes

¿Qué significa extraer imágenes de un sitio web?

Significa sacar los archivos de imagen subyacentes de una página, incluidos los fondos y las imágenes con carga diferida, para que puedas verlas en vista previa, copiarlas o descargarlas.

¿Puedo extraer imágenes de fondo de CSS?

Sí. PicGrab encuentra fondos de CSS, incluidos los estados hover y de pseudoelementos, junto con canvas, SVG en línea y contenido cargado por JavaScript.

¿Obtengo la imagen a máxima resolución?

PicGrab lee la fuente real en lugar de la miniatura en pantalla, así que obtienes el archivo a máxima resolución siempre que el sitio lo proporcione.

¿Es legal extraer imágenes?

Extraer es algo técnico; la cuestión es usar las imágenes. Muchas imágenes tienen derechos de autor, así que asegúrate de tener el derecho de usar todo lo que guardes.

¿Puedo copiar una imagen sin descargarla?

Sí. Para cualquier imagen puedes copiar su URL o abrirla en una pestaña nueva, lo cual viene bien cuando solo necesitas el enlace o un vistazo rápido.

¿Por qué encontró menos imágenes de las que esperaba?

Normalmente la página es un feed que necesita un escaneo profundo, o un filtro de tamaño está ocultando imágenes más pequeñas. Ejecuta un escaneo profundo y borra los filtros para ver el conjunto completo.

Sigue leyendo