Kuvien poiminta skannaa verkkosivun ja esittää kaikki löydetyt kuvat selattavassa galleriassa. Näet esikatselukuvat, alkuperäiset mitat, tiedostokoot ja lähde-URL:t jokaiselle kuvalle — valitse yksittäisiä kuvia tai lataa kaikki kerralla. Tunnistaa kuvat img-tageista, CSS background-image-ominaisuuksista, picture/source-elementeistä sekä inline data URI -kuvista.
Kuvien tallentaminen verkkosivulta yksi kerrallaan — oikealla hiirenpainikkeella, "Tallenna kuva nimellä", valitse kansio, toista — on tuskastuttavan hidasta, kun sivulla on kymmeniä kuvia. Lisäksi se toimii vain tavallisille img-tageille. CSS-taustakuvia, responsiivisia picture-elementtejä ja data URI -kuvia ei voi tallentaa tällä tavoin lainkaan. Kuvien poiminta ratkaisee tämän skannaamalla koko sivun DOM:n ja lasketut tyylit, löytää jokaisen kuvan toteutustavasta riippumatta ja esittää ne kaikki selkeässä galleriapaneelissa. Kukin kuva näyttää esikatselun, alkuperäiset mitat (leveys × korkeus), tiedostomuodon, arvioidun tiedostokoon ja lähde-URL:n. Voit valita yksittäisiä kuvia ladattavaksi tai käyttää "Lataa kaikki" -toimintoa kaiken hakemiseen kerralla. Kokosuodatin auttaa ohittamaan pienet seurantapikselit ja sivustoikonit, jolloin näet vain sisällöllisesti merkitykselliset kuvat.
Kaikki sivun kuvat näytetään ruudukkomaisessa galleriassa esikatselukuvien kera. Selaa 8, 20 tai yli 100 kuvaa yhdellä silmäyksellä — vieritä ja löydä juuri se mitä tarvitset. Jokainen esikatselukuva on riittävän suuri kuvan sisällön tunnistamiseen.
Jokainen kuva näyttää alkuperäiset mittansa (esim. 1920×1080), tiedostomuodon (PNG, JPG, WebP, SVG), arvioidun tiedostokoon (esim. 245 KB) sekä lähde-URL:n tai CSS-ominaisuuden, josta kuva on peräisin. Ei enää arvailua kuvan laadusta tai koosta.
Aseta vähimmäismittakynnys (esim. 100×100) suodattaaksesi pois pienet kuvat, kuten seurantapikselit, väli-GIFit ja sivustoikonit. Keskity vain sisällöllisesti tärkeisiin kuviin.
Klikkaa yksittäisiä kuvia valitaksesi ne (merkitty violetilla valintamerkillä) ja lataa vain valitut kuvat. Tai klikkaa "Lataa kaikki" tallentaaksesi kaikki sivun kuvat laitteellesi yhdellä kertaa.
Löytää kuvat kaikista lähteistä: tavalliset img-tagit, CSS background-image-ominaisuudet, picture/source-responsiiviset elementit, kuviksi renderöidyt inline SVG:t sekä data URI -koodatut kuvat. Mikään ei jää huomaamatta.
Tilapalkki näyttää valittujen kuvien lukumäärän ja valinnan kokonaistiedostokoon. Tiedät täsmälleen, kuinka paljon olet lataamassa ennen latauspainikkeen painamista.
Tarvitsetko kaikki tuotekuvat katalogisivulta? Kuvien poiminta löytää ja lataa ne kaikki kerralla — mukaan lukien responsiiviset variantit ja CSS-tausta-hero-kuvat, joita ei voi tallentaa hiiren oikean painikkeen kautta.
Kokoatko tunnelmataulua tai keräät visuaalisia referenssejä suunnitteluinspiraatiosivustoilta? Selaa kuvagalleriaa, valitse haluamasi kuvat ja lataa ne yhdessä erässä sen sijaan, että tallentaisit ne yksi kerrallaan.
Tarkista kaikki sivusi kuvat ylisuuria tiedostoja, puuttuvia WebP-vaihtoehtoja tai käyttämättömiä taustakuvia varten. Mitat ja tiedostokoot auttavat tunnistamaan optimointia tarvitsevat kuvat.
Tallennatko sivua offline-käyttöä varten? Poimi kaikki kuvat, jotta sinulla on täydellinen visuaalinen sisältö HTML:n rinnalla. Hyödyllinen dokumentaation, suunnittelureferenssien tai mahdollisesti muuttuvien tai offline-menevien sivujen arkistointiin.
Monet modernit sivustot käyttävät CSS background-image -ominaisuutta hero-osioihin, korttitaustoihin ja koristeellisiin elementteihin. Näitä kuvia ei voi tallentaa hiiren oikealla painikkeella. Kuvien poiminta tunnistaa ja lataa ne tavallisten img-elementtien rinnalla.
Avaa DevSuite Pro -kelluva telakka ja klikkaa kuvien poiminnan kuvaketta. Työkalu skannaa sivun DOM:n ja lasketut tyylit löytääkseen kaikki kuvat.
Galleriapaneeli näyttää kaikki löydetyt kuvat esikatseluruudukossa. Jokainen kuva näyttää tiedostonimen, mitat ja tiedostokoon. Vieritä selataksesi kaikkia sivun kuvia.
Käytä vähimmäiskokosuodatinta piilottaaksesi pienet kuvat, kuten ikonit ja seurantapikselit. Aseta 100×100, jotta näet vain sisällöllisesti merkitykselliset kuvat.
Klikkaa yksittäisiä kuvia valitaksesi ne — violetti valintamerkki ilmestyy. Tilapalkki päivittyy näyttämään valintasi kappalemäärän ja kokonaiskoon.
Klikkaa "Lataa valitut" tallentaaksesi valitsemasi kuvat tai "Lataa kaikki" hakemaan kaikki sivun kuvat. Tiedostot tallennetaan laitteesi latauskansioon.
Asenna DevSuite Pro ilmaiseksi ja avaa yli 39 kehittäjätyökalua selaimellesi.
