# Extractor de Fuentes de Imagen

Extrae URLs de imagen (atributos src) del código fuente HTML. Admite imágenes de carga diferida y atributos srcset.

> Página canónica: https://elysiatools.com/es/tools/image-source-extractor

- **Categoría:** Text Processing

- **Palabras clave:** imagen, img, extraer, html, src, url, analizador, dom, sitio web, raspador

## Descripción general

El Extractor de Fuentes de Imagen es una herramienta en línea que extrae URLs de imágenes del código fuente HTML. Permite capturar atributos src, así como data-src para imágenes de carga diferida y srcset para imágenes responsivas, facilitando el análisis y gestión de recursos visuales en sitios web.

## Entradas

- **Código Fuente HTML** (textarea): Pegue su código fuente HTML aquí para extraer URLs de imagen...
- **Incluir Atributos data-src** (checkbox): También extraer de atributos data-src (imágenes de carga diferida)
- **Incluir Atributos srcset** (checkbox): También extraer de atributos srcset (imágenes responsivas)
- **Eliminar Duplicados** (checkbox): Elimina URLs de imagen duplicadas de los resultados
- **Ordenar Por** (select): Elija cómo ordenar las URLs de imagen extraídas

## Cuándo usarlo

- Cuando necesitas obtener todas las URLs de imágenes de una página web para análisis SEO o auditoría de contenido.
- Al trabajar con sitios web que utilizan carga diferida (lazy loading) y quieres extraer las imágenes reales cargadas.
- Para identificar y listar imágenes responsivas definidas con atributos srcset en el código HTML.

## Cómo funciona

- Pega el código fuente HTML en el área de texto proporcionada.
- Selecciona las opciones deseadas: incluir atributos data-src para imágenes de carga diferida, srcset para imágenes responsivas, eliminar duplicados y ordenar los resultados.
- La herramienta analiza el HTML, extrae las URLs de imagen según las reglas configuradas y devuelve una lista JSON con los resultados.
- Puedes copiar o descargar la lista de URLs para su uso posterior.

## Casos de uso

- Auditoría SEO para verificar la presencia y optimización de imágenes en un sitio web.
- Migración de contenido, donde se necesita extraer todas las URLs de imágenes de un sitio antiguo.
- Análisis de diseño responsivo, identificando las diferentes versiones de imágenes para distintos tamaños de pantalla.

## Preguntas frecuentes

### ¿Qué tipos de atributos de imagen soporta la herramienta?

Soporta atributos src, data-src (para carga diferida) y srcset (para imágenes responsivas).

### ¿Puedo extraer imágenes de múltiples páginas a la vez?

No, esta herramienta procesa un código HTML a la vez. Para múltiples páginas, necesitas pegar cada código por separado.

### ¿Cómo maneja las URLs duplicadas?

Con la opción 'Eliminar Duplicados' activada por defecto, se eliminan las URLs repetidas de los resultados.

### ¿En qué formato se devuelven los resultados?

Los resultados se devuelven en formato JSON, con una lista de URLs de imagen.

### ¿Es necesario instalar algo para usar esta herramienta?

No, es una herramienta basada en navegador. Solo necesitas acceso a internet y un navegador web.

## Herramientas relacionadas

- [Eliminador de Etiquetas HTML](https://elysiatools.com/es/tools/new-html-tag-stripper): Elimina etiquetas HTML del código y extrae contenido de texto limpio
- [Extractor de Correo Electrónico Masivo](https://elysiatools.com/es/tools/bulk-email-extractor): Extrae todas las direcciones de correo electrónico de texto de entrada, artículos, código fuente web o contenido mixto. Soporta deduplicación y exportación a JSON.
- [Convertidor HTML a Markdown](https://elysiatools.com/es/tools/html-to-markdown): Convierte contenido HTML a formato Markdown con opciones de conversión personalizables
- [Tabla HTML a CSV](https://elysiatools.com/es/tools/html-table-to-csv): Extraer y convertir datos de tabla HTML a formato CSV
- [Extractor Masivo de URLs/Enlaces](https://elysiatools.com/es/tools/bulk-url-extractor): Extrae todos los enlaces HTTP/HTTPS del texto con opciones de deduplicación y exportación
- [Extractor de Caracteres Chinos](https://elysiatools.com/es/tools/chinese-character-extractor): Extrae todos los caracteres chinos del texto, filtrando signos de puntuación, letras inglesas, números y símbolos no chinos
- [Extractor de Hashtags y Menciones](https://elysiatools.com/es/tools/hashtag-mention-extractor): Extrae hashtags (#Tema) y menciones de usuario (@Usuario) de texto de redes sociales como Twitter, Instagram, etc.
- [Extractor de Direcciones IP](https://elysiatools.com/es/tools/ip-address-extractor): Extrae direcciones IPv4 e IPv6 de archivos de registro, registros del servidor, rastros de red o cualquier contenido de texto

## Ejemplos

- [Ejemplos de Etiquetas de Imagen Docker](https://elysiatools.com/es/samples/docker-image-tag): Colección de referencias de imágenes Docker con varios registros, repositorios, etiquetas y digest
- [Muestras de HTML con Imágenes](https://elysiatools.com/es/samples/html-with-images): Muestras de código fuente HTML con imágenes para probar la extracción
- [Muestras de Extractor de Registro de Cambios](https://elysiatools.com/es/samples/changelog-extractor): Varios formatos de registro de cambios para probar herramientas de análisis y extracción
- [Ejemplos de Extractor de Números de Teléfono](https://elysiatools.com/es/samples/phone-number-extractor): Colección de texto mixto que contiene números de teléfono de varios países para pruebas de extracción

## Contenido relacionado

- [Extracción, limpieza y entrega de contenido HTML](https://elysiatools.com/es/hubs/html-content-extraction-cleanup-and-delivery): Extrae enlaces, imágenes, atributos y tablas desde HTML, elimina marcado innecesario y entrega salidas verificadas en Markdown, PDF o CSV.
- [Auditoría de fuentes web para reutilización y publicación](https://elysiatools.com/es/hubs/web-source-link-and-metadata-audits): Extrae evidencia del código fuente, revisa enlaces y recursos, analiza metadatos y query strings, y comprueba RSS/Atom y robots.txt antes de reutilizar, migrar o publicar.
- [Revision de correo HTML y entrega en PDF](https://elysiatools.com/es/hubs/html-convert): Revisa metadatos, atributos clave e imagenes referenciadas en un correo HTML, crea una copia legible cuando haga falta y genera una prueba PDF compartible.
- [Extracción de señales estructuradas de texto, HTML, Markdown y logs](https://elysiatools.com/es/hubs/text-extract): Convierte fuentes mixtas en inventarios revisables de enlaces, atributos, fechas, campos de log y coincidencias sensibles mediante una ruta de extracción deliberada.
