Vierittävä kuvakaappaus Chromessa pitkille sivuille
Vieritettävä kuvakaappaus kaappaa koko verkkosivun ylhäältä alas, mukaan lukien kaiken taitteen alapuolisen sisällön, vierittämällä automaattisesti ja yhdistämällä osiot yhdeksi saumattomaksi kuvaksi. Tämä on välttämätöntä pitkille artikkeleille, kojelaudoille, laskeutumissivuille ja dokumentaatiolle, joka ulottuu näkyvän näkymän ulkopuolelle. Capture Full Page -laajennus hoitaa tämän automaattisesti: se vierittää sivun läpi, tunnistaa ja käsittelee kiinteät otsikot ja alatunnisteet, odottaa lazy-load-kuvien ilmestymistä ja tuottaa yhden korkearesoluutioisen kuvakaappauksen. Kaappauksen jälkeen voit merkitä sisäänrakennetussa editorissa nuolilla, tekstillä, muodoilla ja numeroiduilla vaihemerkinnöillä. Vie PNG-muodossa tai tallenna PDF-muodossa tai kopioi leikepöydälle. Voit myös kaapata pelkän näkyvän näytön tai valitun alueen. Näppäimistöpohjaisiin työnkulkuihin voit määrittää mukautettuja kuvakaappauspikanäppäimiä.
Kokeile nyt: yksi napsautus, ei rekisteröitymistä.
Lisää Chromeen3 tapaa tehdä se
1
Menetelmä 1: Capture Full Page -laajennus, automaattinen vierityskaappaus
Capture Full Page automatisoi koko vierityskaappausprosessin. Napsauta yhtä painiketta, ja laajennus vierittää sivun läpi, kaappaa jokaisen näkymän ja yhdistää ne yhdeksi kuvaksi. Se käsittelee kiinteät navigointipalkit, kelluvat elementit ja lazy-load-sisällön automaattisesti.
- 1Asenna Capture Full Page Chrome Web Storesta, tiliä ei tarvita.
- 2Siirry pitkälle sivulle, jonka haluat kaapata.
- 3Napsauta laajennuksen kuvaketta ja valitse "Kaappaa koko sivu".
- 4Laajennus vierittää automaattisesti koko sivun läpi, edistymismittari näyttää kaappauksen tilan.
- 5Kiinteät otsikot ja alatunnisteet tunnistetaan ja käsitellään päällekkäisyyksien välttämiseksi lopullisessa kuvassa.
- 6Valmis kuvakaappaus avautuu sisäänrakennetussa editorissa, merkitse nuolilla, tekstillä, korostuksilla tai vaiheiden numeroilla.
- 7Vie PNG-muodossa, tallenna PDF-muodossa tai kopioi leikepöydälle.
2
Menetelmä 2: Chrome DevTools -täysikokoinen kuvakaappaus
Chrome DevTools voi ottaa täysikokoisen kuvakaappauksen, mutta se renderöi sivun kerralla vierittämisen sijaan, mikä tarkoittaa, että lazy-load-kuvat voivat puuttua ja erittäin pitkät sivut voivat epäonnistua tai tuottaa tyhjiä alueita.
- 1Avaa DevTools painamalla F12, sitten Ctrl+Shift+P (Cmd+Shift+P Macilla) avataksesi komentovalikon.
- 2Kirjoita "screenshot" ja valitse "Ota täysikokoinen kuvakaappaus".
- 3Chrome renderöi koko sivun ja tallentaa PNG:n Lataukset-kansioon.
- 4Rajoitukset: lazy-load-kuvat usein puuttuvat, ei kiinteiden elementtien käsittelyä, ei muokkaustyökaluja, erittäin pitkät sivut voivat kaatua.
3
Menetelmä 3: Manuaalinen vieritä ja yhdistä
Ilman erillistä työkalua voit ottaa useita kuvakaappauksia vierittäen manuaalisesti ja yhdistää ne kuvankäsittelyohjelmassa. Tämä on aikaa vievää ja virhealtista.
- 1Ota kuvakaappaus näkyvästä alueesta.
- 2Vieritä alaspäin ja ota toinen kuvakaappaus hieman päällekkäin.
- 3Toista, kunnes olet kattanut koko sivun.
- 4Avaa kaikki kuvakaappaukset kuvankäsittelyohjelmassa ja kohdista ja yhdistä ne manuaalisesti.
- 5Tämä prosessi on hidas, epätarkka eikä käytännöllinen usein toistuvaan käyttöön.
Ominaisuusvertailu
| Ominaisuus | Capture Full Page | Sisäänrakennetut työkalut | Muut laajennukset |
|---|---|---|---|
| Automaattinen sivun vieritys | Kyllä, täysin automatisoitu | Ei vieritystä (renderöi kerralla) | Osittain |
| Kiinteiden elementtien käsittely | Kyllä, tunnistaa ja käsittelee | Ei, monistaa kiinteät elementit | Harvoin |
| Lazy-load-sisältö | Kyllä, odottaa kuvien latautumista | Ei, usein puuttuu | Osittain |
| Erittäin pitkät sivut (10 000+ px) | Kyllä, jopa 100 000 px | Usein epäonnistuu | Vaihtelee |
| Sisäänrakennettu editori kaappauksen jälkeen | Kyllä, nuolet, teksti, muodot, vaiheet | Ei | Osittain (maksullinen) |
| PDF-vienti | Kyllä, yksi napsautus | Ei | Harvoin |
| Leikepöytäkopio | Kyllä, merkintöineen | Ei | Osittain |
| Edistymismittari | Kyllä | Ei | Osittain |
Usein kysytyt kysymykset
Miten otan vieritettävän kuvakaappauksen Chromessa?
Asenna Capture Full Page -laajennus, siirry sivulle, napsauta kuvaketta ja valitse "Kaappaa koko sivu". Laajennus vierittää automaattisesti koko sivun läpi, kaappaa jokaisen osion ja yhdistää ne yhdeksi saumattomaksi kuvaksi. Se käsittelee kiinteät elementit ja lazy-load-sisällön automaattisesti.
Miksi koko sivun kuvakaappauksestani puuttuu kuvia?
Monet verkkosivustot käyttävät lazy loadingia, kuvat latautuvat vasta kun ne tulevat näkyviin näkymässä. Chrome DevTools kaappaa koko sivun vierittämättä, joten lataamattomat kuvat näkyvät tyhjinä. Capture Full Page vierittää sivun läpi todella, jolloin lazy-load-sisältö ilmestyy ennen kuin jokainen osio kaapataan.
Voinko kaapata erittäin pitkän verkkosivun?
Kyllä. Capture Full Page käsittelee sivuja jopa 100 000 pikselin korkeuteen asti. Laajennus kaappaa osioittain ja yhdistää ne, joten sivun pituus ei ole rajoittava tekijä. Edistymismittari näyttää, kuinka suuri osa sivusta on kaapattu.
Miksi koko sivun kuvakaappauksessani on päällekkäisiä otsikoita?
Kiinteät (fixed-position) navigointipalkit näkyvät jokaisessa näkymäosiossa vierityksen aikana. Ilman asianmukaista käsittelyä ne monistuvat lopulliseen kuvaan. Capture Full Page tunnistaa kiinteät elementit ja käsittelee ne kaappauksen aikana tuottaen puhtaan tuloksen ilman päällekkäisyyksiä.
Mikä on ero vieritettävän kuvakaappauksen ja koko sivun kuvakaappauksen välillä?
Ne tarkoittavat samaa asiaa: verkkosivun koko vieritettävän sisällön kaappaamista. "Vieritettävä kuvakaappaus" korostaa automaattisen vierityksen mekanismia, kun taas "koko sivun kuvakaappaus" kuvaa tulosta, yhtä kuvaa koko sivusta. Katso yksityiskohtainen työnkulku koko sivun kuvakaappausoppaastamme.
Voinko muokata vieritettävää kuvakaappausta sen ottamisen jälkeen?
Kyllä. Kun vierityskaappaus on valmis, kuva avautuu sisäänrakennetussa editorissa, jossa on nuolet, teksti, muodot, korostin, vaiheiden numerointi ja täydellinen värinvalitsin. Merkitse kuvakaappaus ja vie PNG-muodossa, PDF-muodossa tai kopioi leikepöydälle.
Kaappaa kokonaiset sivut yhdellä napsautuksella
Automaattinen vieritys, kiinteiden elementtien käsittely, lazy-load-tuki, täydellinen vieritettävän kuvakaappauksen ratkaisu Chromelle.
Lisää ChromeenAiheeseen liittyvät oppaat
Kuvakaappaus Chromessa
Opi 3 tapaa ottaa kuvakaappaus Chromessa, yhdellä napsautuksella toimiva laajennus, DevTools ja OS-työkalut.
Koko sivun kuvakaappaus Chromessa
Kaappaa kokonaisia verkkosivuja Chromessa yhdellä napsautuksella, muokkaa ja vie PNG- tai PDF-muodossa.
Tallenna kuvakaappaus PDF-muodossa
Vie mikä tahansa kuvakaappaus PDF-dokumenttina suoraan Chromesta, merkintöineen.