← Tornar a les funcions
Free

Extrau les imatges

Extrau les imatges escaneja qualsevol pàgina web i presenta cada imatge en una galeria navegable. Mira les miniatures, les dimensions originals, les mides de fitxer i les adreces URL d'origen de cada imatge — després selecciona imatges individuals o baixa-les totes alhora. Detecta imatges d'etiquetes img, propietats CSS background-image, elements picture/source i URIs de dades integrades (inline).

Desar imatges d'una pàgina web una per una — clic dret, "Anomena i desa la imatge", triar carpeta, repetir — és desesperadament lent quan una pàgina té desenes d'imatges. I només funciona per a les etiquetes img regulars. Les imatges de fons CSS, els elements picture reactius i les imatges de dades URI no es poden desar de cap manera així. Extrau les imatges ho soluciona escanejant tot el DOM de la pàgina i els estils computats, trobant cada imatge independentment de com s'hagi implementat, i presentant-les totes en un panell de galeria net. Cada imatge mostra una vista prèvia en miniatura, les seves dimensions originals (amplada × alçada), el format de fitxer, la mida aproximada del fitxer i l'adreça URL d'origen. Pots seleccionar imatges individuals per baixar, o utilitzar "Baixa-ho tot" per agafar-ho tot d'un sol cop. Un filtre de mida et permet ometre els petits píxels de seguiment i les icones de lloc (favicons) perquè només vegis les imatges rellevants.

Vista prèvia en viu
example.com/portfolio
12 images found | Min size: 100 × 100 Download All
hero-banner.jpg
1920 × 1080 · 245 KB
product-shot.png
800 × 600 · 128 KB
team-photo.jpg
640 × 480 · 89 KB
logo-dark.svg
200 × 60 · 4 KB
feature-1.png
400 × 300 · 67 KB
bg-pattern.png
1200 × 800 · 156 KB
icon-set.svg
48 × 48 · 2 KB
avatar-default.jpg
150 × 150 · 12 KB
2 selected · Total: 373 KB Download Selected
Funcions clau

Galeria d'imatges completa

Cada imatge de la pàgina es mostra en una galeria de quadrícula amb miniatures. Mira 8, 20 o més de 100 imatges d'un cop d'ull — navega-hi per trobar exactament el que necessites. Cada miniatura és prou gran per identificar el contingut de la imatge.

Metadades per a cada imatge

Cada imatge mostra les seves dimensions originals (ex. 1920×1080), el format de fitxer (PNG, JPG, WebP, SVG), la mida aproximada (ex. 245 KB) i l'adreça URL d'origen o la propietat CSS d'on prové. Sense haver d'endevinar la qualitat o la mida de la imatge.

Filtre de mida mínima

Estableix un llindar de dimensió mínima (ex. 100×100) per filtrar les imatges petites com ara píxels de seguiment, GIFs buits i favicons. Centra't en les imatges de contingut que realment importen.

Selecciona i baixa per lots

Clica en imatges individuals per seleccionar-les (es mostren amb una marca de verificació lila) i baixa només les seleccionades. O fes clic a "Baixa-ho tot" per desar cada imatge de la pàgina al teu dispositiu en una sola acció.

Detecció de múltiples fonts

Troba imatges de totes les fonts: etiquetes img estàndard, propietats CSS background-image, elements reactius picture/source, SVGs integrats renderitzats com a imatges i imatges codificades en dades URI. No s'escapa res.

Comptador de selecció i mida total

Una barra d'estat mostra quantes imatges hi ha seleccionades i la mida total del fitxer de la selecció. Sabràs exactament quant baixaràs abans de prémer el botó de baixada.

Casos d'ús comuns

Desar imatges de productes de llocs de comerç electrònic

Necessites totes les imatges de producte d'una pàgina de catàleg? Extrau les imatges les troba i les baixa totes alhora — incloent les variants reactives i les imatges principals de fons CSS que no es poden desar amb el clic dret.

Recollir imatges de referència de disseny

Estàs creant un tauler d'idees (mood board) o recollint referències visuals de llocs d'inspiració? Navega per la galeria d'imatges, selecciona les que vulguis i baixa-les totes en un lot en lloc de desar-les una per una.

Auditar els actius d'imatge al teu propi lloc

Revisa totes les imatges de la pàgina per comprovar si hi ha fitxers massa grans, mancances d'alternatives WebP o imatges de fons sense utilitzar. Les dimensions i les mides dels fitxers ajuden a identificar les imatges que s'han d'optimitzar.

Arxivar contingut web

Vols desar una pàgina per a referència fora de línia? Extrau totes les imatges perquè tinguis el contingut visual complet juntament amb l'HTML. Útil per arxivar documentació, referències de disseny o pàgines que podrien canviar o desaparèixer.

Trobar imatges de fons ocultes

Molts llocs moderns utilitzen CSS background-image per a seccions principals, fons de targetes i elements decoratius. Aquestes imatges no es poden desar amb el botó dret. Extrau les imatges les detecta i les baixa juntament amb els elements img regulars.

Com utilitzar-lo
1

Activa Extrau les imatges

Obre el tauler flotant de DevSuite Pro i fes clic a la icona d'Extrau les imatges. L'eina escaneja el DOM de la pàgina i els estils computats per trobar cada imatge.

2

Navega per la galeria d'imatges

Un panell de galeria mostra totes les imatges trobades en una quadrícula de miniatures. Cada imatge mostra el seu nom de fitxer, les dimensions i la mida. Navega-hi per veure totes les imatges de la pàgina.

3

Filtra per mida (opcional)

Utilitza el filtre de mida mínima per ocultar imatges petites com icones i píxels de seguiment. Estableix-lo a 100×100 per mostrar només les imatges rellevants de contingut.

4

Selecciona les imatges

Clica en imatges individuals per seleccionar-les — apareixerà una marca de verificació lila. La barra d'estat s'actualitzarà amb el recompte i la mida total de la selecció.

5

Baixa

Clica a "Baixa les seleccionades" per desar les imatges triades, o a "Baixa-ho tot" per agafar totes les de la pàgina. Els fitxers es guarden a la carpeta de descàrregues del teu dispositiu.

Llest per provar-ho? Extrau les imatges?

Instal·la DevSuite Pro gratuïtament i desbloqueja més de 39 eines de desenvolupador per al teu navegador.

Afegeix a Chrome Afegeix a Edge Afegeix a FireFox