Paso a paso: Extraer imágenes de HTML
- Carga tu archivoArrastra un archivo .html, .htm o .txt (hasta 100 MB) o pulsa «Probar con un ejemplo» para ver cómo funciona.
- Revisa la bibliotecaFiltra por Base64, URLs externas o duplicadas, ordena por tamaño o resolución y elige qué imágenes conservar.
- Descarga las imágenesPulsa «Descargar seleccionadas» para obtener un ZIP con la carpeta images/ y nombres ordenados.
- Exporta el HTML limpioSi quieres el documento, «Exportar HTML limpio» crea un ZIP con index.html apuntando a las imágenes, sin duplicadas ni scripts.
¿Para qué sirve extraer las imágenes de un HTML?
Muchos documentos HTML llevan las imágenes dentro del propio código, codificadas en Base64: páginas guardadas como «archivo único», correos exportados, informes generados por programas, plantillas de constructores web o páginas creadas con IA. Así el archivo pesa mucho, es lento de abrir y las imágenes no se pueden reutilizar.
Esta herramienta las saca como archivos normales (JPG, PNG, WebP, GIF, SVG, AVIF o BMP), comprueba cuáles son idénticas y te deja descargar solo las que necesitas.
Dónde busca imágenes
- Atributos
srcde<img>,<source>dentro de<picture>,posterde vídeos y botones de imagen. - Listas
srcsetcon varias resoluciones. - Fondos y otros
url()en atributosstyley en bloques<style>. - SVG escritos directamente en el HTML y URIs
data:imageen cualquier atributo o texto.
No se inspeccionan hojas de estilo externas ni el contenido de iframes o scripts.
Duplicadas, seguridad y privacidad
Cada imagen se identifica por la huella SHA-256 de sus bytes, no por su nombre ni por su URL. Si la misma imagen aparece diez veces, la verás marcada como duplicada y solo se exporta una vez.
El HTML se analiza como datos, sin mostrarlo ni ejecutar nada. Los SVG se limpian antes de exportarlos y el HTML limpio sale sin scripts, eventos ni iframes. Por defecto no se hace ninguna petición de red; solo si activas «Descargar imágenes externas» tu navegador pedirá las imágenes enlazadas a sus servidores.
Características
Sin subir el archivo
El documento se lee y se procesa en tu navegador. No pasa por ningún servidor.
Duplicadas detectadas por contenido
Compara la huella SHA-256 de cada imagen para no exportar dos veces la misma.
Tipo real comprobado
Identifica el formato por los bytes del archivo, no por la extensión declarada.
HTML limpio con sus imágenes
Reescribe las referencias para que el documento use la carpeta images/ y quita el contenido activo.
Preguntas frecuentes
¿Qué tipos de archivo puedo cargar?
Archivos .html, .htm o .txt de hasta 100 MB. Un .txt que solo contenga una URI data:image también funciona.
¿Se pueden extraer las imágenes de una web por su URL?
No directamente: guarda antes la página desde el navegador (Ctrl+S) y carga el archivo HTML. Para recuperar las imágenes enlazadas, activa «Descargar imágenes externas» e indica la URL original para resolver las rutas relativas.
¿Por qué algunas imágenes aparecen como «Referencia sin recuperar»?
Son imágenes enlazadas a otro servidor. Por defecto no se descargan; si activas la opción, solo se recuperan las de servidores que permiten el acceso desde otras webs (CORS). Las URLs blob: solo existen en la sesión del navegador que las creó.
¿Mi archivo se envía a algún servidor?
No. El HTML nunca sale de tu dispositivo. Con la descarga de imágenes externas activada, tu navegador solo pide esas imágenes a sus servidores de origen, sin enviar el documento ni cookies.
¿Qué incluye el HTML limpio?
Un archivo index.html con las referencias reescritas hacia la carpeta images/ y todas las imágenes únicas recuperadas. Se eliminan scripts, eventos, iframes y objetos incrustados. Los estilos y fuentes externos no se incluyen.
Actualizado: · Equipo de INNOZONA