A Képek kinyerése eszköz átvizsgál bármely weboldalt, és minden képet böngészhető galériában jelenít meg. Tekintse meg minden kép miniatűrjét, eredeti méreteit, fájlméretét és forrás URL-jét — majd válasszon ki egyedi képeket, vagy töltse le mindet egyszerre. Az eszköz felismeri az img tagekből, CSS háttérkép tulajdonságokból, picture/source elemekből és beágyazott data URI-kból származó képeket is.
Egy weboldal képeinek egyesével történő mentése — jobb klikk, "Kép mentése másként", mappa kiválasztása, ismétlés — fájdalmasan lassú, ha az oldalon több tucat kép található. És ez csak a hagyományos img tagekhez működik. A CSS háttérképeket, a reszponzív picture elemeket és a data URI képeket egyáltalán nem lehet így menteni. A Képek kinyerése eszköz ezt úgy oldja meg, hogy átvizsgálja a teljes oldal DOM-ját és a kiszámított stílusokat, megtalálva minden képet, függetlenül attól, hogyan van megvalósítva, majd egy áttekinthető galériapanelen jeleníti meg mindet. Minden kép miniatűr előnézetet, eredeti méreteit (szélesség × magasság), fájlformátumát, hozzávetőleges fájlméretét és forrás URL-jét mutatja. Kiválaszthat egyedi képeket letöltéshez, vagy a "Mindet letölti" gombbal egyszerre mindent lementhet. Egy méretszűrő segítségével kihagyhatja az apró követőpixeleket és favikonokat, így csak a tartalom szempontjából releváns képeket látja.
Az oldal minden képe rácsos galériában jelenik meg miniatűr előnézettel. Egy pillantással áttekinthet 8, 20 vagy akár 100+ képet — görgessen végig, hogy megtalálja pontosan, amire szüksége van. Minden miniatűr elég nagy ahhoz, hogy azonosítani tudja a kép tartalmát.
Minden kép megmutatja eredeti méreteit (pl. 1920×1080), fájlformátumát (PNG, JPG, WebP, SVG), hozzávetőleges fájlméretét (pl. 245 KB), valamint a forrás URL-t vagy a CSS tulajdonságot, amelyből származik. Nincs több találgatás a kép minőségével vagy méretével kapcsolatban.
Állítson be egy minimális méretküszöböt (pl. 100×100), hogy kiszűrje az apró képeket, mint a követőpixelek, elválasztó GIF-ek és favikonok. Fókuszáljon a valóban fontos, tartalmi képekre.
Kattintson egyedi képekre a kiválasztásukhoz (lila pipával jelölve), majd töltse le csak a kiválasztottakat. Vagy kattintson a "Mindet letölti" gombra, hogy egyetlen művelettel elmentse az oldal összes képét az eszközére.
Minden forrásból megtalálja a képeket: szabványos img tagek, CSS háttérkép tulajdonságok, picture/source reszponzív elemek, képként megjelenített beágyazott SVG-k, valamint data URI-ként kódolt képek. Semmi sem marad ki.
Egy állapotsáv mutatja, hány kép van kiválasztva, és mennyi a kiválasztás teljes fájlmérete. Pontosan tudja, mennyit tölt majd le, még mielőtt megnyomná a letöltés gombot.
Szüksége van egy katalógusoldal összes termékképére? A Képek kinyerése eszköz egyszerre megtalálja és letölti mindet — beleértve a reszponzív variánsokat és a CSS háttérkép hero-képeket, amelyeket jobb kattintással nem lehet menteni.
Hangulattáblát épít, vagy vizuális referenciákat gyűjt dizájn inspirációs oldalakról? Böngésszen a képgalériában, válassza ki a kívánt képeket, és töltse le őket egyetlen kötegben, egyesével történő mentés helyett.
Tekintse át az oldalán található összes képet, hogy ellenőrizze a túlméretezett fájlokat, a hiányzó WebP alternatívákat vagy a nem használt háttérképeket. A méretek és fájlméretek segítenek azonosítani az optimalizálásra szoruló képeket.
Egy oldalt ment el offline referenciaként? Nyerje ki az összes képet, hogy a HTML mellett a teljes vizuális tartalom is rendelkezésére álljon. Hasznos dokumentáció, dizájn referenciák vagy változásnak/megszűnésnek kitett oldalak archiválásához.
Sok modern oldal CSS háttérképet használ hero-szekciókhoz, kártya-hátterekhez és dekoratív elemekhez. Ezek a képek jobb kattintással nem menthetők. A Képek kinyerése eszköz felismeri és letölti őket a normál img elemek mellett is.
Nyissa meg a DevSuite Pro lebegő dokkját, és kattintson a Képek kinyerése ikonra. Az eszköz átvizsgálja az oldal DOM-ját és a kiszámított stílusokat, hogy megtaláljon minden képet.
Egy galériapanel miniatűr rácsban jeleníti meg az összes talált képet. Minden kép mutatja a fájlnevét, méreteit és fájlméretét. Görgessen végig az oldal összes képének áttekintéséhez.
Használja a minimális méretszűrőt, hogy elrejtse a kis képeket, mint az ikonok és követőpixelek. Állítsa 100×100-ra, hogy csak a tartalom szempontjából releváns képeket lássa.
Kattintson egyedi képekre a kiválasztásukhoz — lila pipa jelenik meg. Az állapotsáv frissül a kiválasztás darabszámával és teljes méretével.
Kattintson a "Kiválasztottak letöltése" gombra a választott képek mentéséhez, vagy a "Mindet letölti" gombra az oldal összes képének letöltéséhez. A fájlok az eszköz letöltési mappájába kerülnek.
Telepítse ingyen a DevSuite Pro-t, és oldjon fel 64+ fejlesztői eszközt böngészőjéhez.
