Koko verkkosivun kuvakaappaus Chromessa
Kokeile nyt: yksi napsautus, ei rekisteröitymistä.
Lisää Chromeen3 tapaa tehdä se
Capture Full Page -laajennus, näin se toimii
Capture Full Page ratkaisee koko sivun kaappauksen ainutlaatuiset haasteet Chromessa. Laajennus vierittää koko sivun läpi vaihe vaiheelta, odottaa laiskasti ladattujen kuvien ja dynaamisen sisällön renderöitymistä, tunnistaa ja piilottaa automaattisesti kiinteät otsikot, alatunnisteet, evästebannerit ja kelluvat painikkeet päällekkäisyyksien estämiseksi ja yhdistää sitten kaikki kaapatut näkymäosiot yhdeksi jatkuvaksi kuvaksi täydellä resoluutiolla. Tulos avautuu sisäänrakennetussa editorissa merkintöjä varten, minkä jälkeen se viedään PNG- tai PDF-muodossa. Tämä lähestymistapa toimii luotettavasti sivuilla, jotka hajoavat Chrome DevToolsissa, mukaan lukien kojelaudat, joissa on loputon vieritys, yhden sivun sovellukset asiakaspuolen renderöinnillä ja verkkokaupan tuotesivut gallerioilla, jotka latautuvat tarpeen mukaan. Laajennus käyttää Manifest V3:a ja toimii kokonaan offline, joten sivusi sisältöä ei koskaan lähetetä millekään ulkoiselle palvelimelle. Voit määrittää pikanäppäimen käynnistämään koko sivun kaappauksen välittömästi.
- 1Asenna Capture Full Page Chrome Web Storesta, tiliä ei tarvita.
- 2Siirry mille tahansa verkkosivulle ja napsauta laajennuksen kuvaketta → "Kaappaa koko sivu".
- 3Laajennus vierittää sivun automaattisesti odottaen kaikkien kuvien ja dynaamisen sisällön latautumista.
- 4Kiinteät elementit (otsikot, bannerit, kelluvat painikkeet) tunnistetaan ja piilotetaan automaattisesti.
- 5Kaikki osiot yhdistetään yhdeksi saumattomaksi koko sivun kuvaksi alkuperäisellä resoluutiolla.
- 6Kuvakaappaus avautuu editorissa, merkitse ja tallenna sitten PNG- tai PDF-muodossa tai kopioi leikepöydälle.
Chrome DevTools, sisäänrakennettu koko sivun kaappaus
Chrome DevToolsissa on piilotettu "Ota täysikokoinen kuvakaappaus" -komento. Se kaappaa koko sivun ilman laajennusta, mutta ei käsittele kiinteitä elementtejä eikä laiskasti ladattuja kuvia, eikä tarjoa muokkaustyökaluja. DevTools muuttaa sivun kokoon sen täydelle korkeudelle ja renderöi kaiken yhdellä kertaa, mikä tarkoittaa, että position:fixed -elementit toistuvat jokaisella näkymävälillä, alkuperäisen näkymän alapuolella olevat kuvat jäävät usein tyhjiksi ja jotkin CSS-raskaat asettelut hajoavat äärimmäisillä sivukorkeuksilla. Se toimii hyväksyttävästi lyhyillä, staattisilla sivuilla, mutta muuttuu epäluotettavaksi nykyaikaisilla verkkosivuilla, joissa on dynaamista sisältöä.
- 1Paina F12 → Ctrl+Shift+P (Cmd+Shift+P Macilla) → kirjoita "Ota täysikokoinen kuvakaappaus".
- 2Chrome tallentaa PNG:n, ei muokkausta, ei kiinteiden elementtien käsittelyä, ei PDF-vientiä.
Tulosta PDF-muotoon, vain tekstille sopiva vaihtoehto
Chromen tulostustoiminto tallentaa sivut PDF-muodossa, mutta muotoilee asettelun paperille ja menettää alkuperäisen verkkoasettelun. Sopii vain tekstipainotteiseen sisältöön.
- 1Paina Ctrl+P (Cmd+P Macilla) → aseta kohteeksi "Tallenna PDF-muotoon" → napsauta Tallenna.
- 2Sivu muotoillaan tulostusta varten, asettelu, kuvat ja interaktiiviset elementit voivat muuttua.
Ominaisuusvertailu
| Ominaisuus | Capture Full Page | Sisäänrakennetut työkalut | Muut laajennukset |
|---|---|---|---|
| Automaattinen vieritys ja yhdistäminen | Kyllä, täysin automaattinen | Yksi renderöinti (DevTools) | Osittain |
| Kiinteiden elementtien käsittely | Kyllä, tunnistaa ja piilottaa automaattisesti | Ei, päällekkäin tuloksessa | Harvoin |
| Laiskasti ladatun sisällön lataus | Kyllä, odottaa kuvia/dynaamista sisältöä | Ei | Harvoin |
| Yhden napsautuksen toiminto | Kyllä | Ei, 4+ vaihetta DevToolsin kautta | Osittain |
| Sisäänrakennettu editori | Kyllä, nuolet, teksti, muodot, korostin | Ei | Osittain (maksullinen) |
| PDF-vienti | Kyllä, merkintöineen | Ei (vain PNG) | Harvoin |
| High-DPI / Retina | Kyllä, täysi resoluutio | Kyllä | Vaihtelee |
| Säilyttää alkuperäisen asettelun | Kyllä, pikselintarkka | Enimmäkseen (ei kiinteiden korjausta) | Vaihtelee |
| Sivun maksimikorkeus | Ei kiinteää rajaa, automaattinen monisivuinen PDF erittäin pitkille sivuille | Selaimen raja | Usein rajoitettu tai epäonnistuu |
| Kuvamuotovaihtoehdot | PNG, JPEG, PDF | Vain PNG | Vaihtelee |
Usein kysytyt kysymykset
Miksi koko sivun kuvakaappauksessani on päällekkäisiä otsikoita tai bannereita?
Miksi Chrome DevToolsin koko sivun kuvakaappauksesta puuttuu kuvia tai sisältöä?
Miten kaappaan koko sivun, jossa on laiskasti ladattuja kuvia?
Mikä on Capture Full Pagen maksimisivupituus?
Toimiiko koko sivun kaappaus erittäin pitkillä sivuilla kuten Notion-dokumenteilla tai pitkillä kojelaudoilla?
Miten tallennan koko sivun kuvakaappauksen PDF-muodossa Chromessa?
Onko Chromessa sisäänrakennettu työkalu koko sivun kuvakaappauksiin?
Voinko kaapata koko sivun kuvakaappauksen kirjautumisen takana olevasta sivusta?
Mikä ero on koko sivun kuvakaappauksen ja vieritettävän kuvakaappauksen välillä?
Voinko ottaa koko sivun kuvakaappauksen vieritettävästä paneelista tai säiliöstä koko ikkunan sijaan?
Koko sivun kuvakaappaukset Chromessa, yksi napsautus, muokkaus ja PDF-vienti
Asenna Capture Full Page ja ota koko sivun kuvakaappauksia sisäänrakennetuilla muokkaustyökaluilla. Ei rekisteröitymistä, ei vesileimoja.
Lisää ChromeenAiheeseen liittyvät oppaat
Kuvakaappaus Chromessa
Opi 3 tapaa ottaa kuvakaappaus Chromessa, yhdellä napsautuksella toimiva laajennus, DevTools ja OS-työkalut.
Vieritettävä kuvakaappaus Chromessa
Kaappaa kokonaiset pitkät verkkosivut automaattisella vierityksellä, kiinteiden elementtien käsittelyllä ja lazy-load-tuella.
Tallenna kuvakaappaus PDF-muodossa
Vie mikä tahansa kuvakaappaus PDF-dokumenttina suoraan Chromesta, merkintöineen.