Jika Anda mencari cara menangkap tangkapan layar halaman web lengkap di Mac atau PC, posting ini untuk Anda. Saya telah mencoba beberapa alat dan teknik yang mengklaim dapat menangkap layar seluruh halaman web, tetapi hanya beberapa yang masih berfungsi saat penulisan ini.

Anda ingin menyelesaikannya dengan cepat, jadi saya akan menunjukkan kepada Anda cara melakukannya selangkah demi selangkah. Saya juga akan menunjukkan pro dan kontra dari setiap metode, hanya ingin menghemat waktu Anda untuk mencari tahu metode mana yang terbaik untuk Anda.

Panduan ini diperuntukkan bagi mereka yang ingin mengambil tangkapan layar secara keseluruhan atau halaman web yang panjang - artinya ada bagian yang tidak sepenuhnya terlihat di layar Anda.

Jika Anda hanya ingin menangkap jendela statis atau layar desktop penuh, panduan ini adalah tidak Anda dapat menggunakan alat bawaan di komputer atau ponsel Anda untuk menyelesaikannya dengan cepat: Shift + Command + 4 (macOS) atau Ctrl + PrtScn (Windows).

Ringkasan:

• Tidak ingin mengunduh perangkat lunak atau ekstensi apa pun? Coba Metode 1 atau Metode 7 .
• Jika Anda menggunakan peramban Mozilla Firefox, cobalah Metode 2 .
• Jika Anda ingin menangkap tangkapan layar serta melakukan pengeditan sederhana, cobalah Metode 3, 5, 6 .

Pembaruan Cepat : Bagi pengguna Mac, bahkan dimungkinkan untuk menangkap tangkapan layar berukuran penuh tanpa ekstensi browser.

1. Buka DevTools di Chrome (perintah + opsi + I)

2. Buka Menu Perintah (command + shift + P) dan ketik "screenshot"

3. Pilih salah satu dari dua opsi "Tangkap tangkapan layar ukuran penuh" dari "Tangkap tangkapan layar".

4. Gambar yang ditangkap akan diunduh ke komputer Anda.

- Saran yang disumbangkan oleh pembaca kami, Hans Kuijpers.

1. Cetak dan Simpan Seluruh Halaman Web sebagai PDF

Misalkan Anda ingin mengekstrak, katakanlah, lembar Laporan Laba Rugi dari Yahoo Finance. Pertama, buka halaman di browser web. Di sini, saya menggunakan Chrome di Mac saya sebagai contoh.

Langkah 1: Pada menu Chrome, klik File> Cetak.

Langkah 2: Klik tombol "Simpan" untuk mengekspor halaman ke dalam file PDF.

Langkah 3: Jika Anda ingin menyematkan lembar keuangan ke dalam proyek PowerPoint, Anda mungkin perlu mengonversi PDF ke dalam gambar dalam format PNG atau JPEG terlebih dahulu, kemudian memotong gambar hanya untuk menyertakan bagian data.

Kelebihan:

• Ini cepat.
• Tidak perlu mengunduh perangkat lunak pihak ketiga apa pun.
• Kualitas tangkapan layar bagus.

Kontra:

• Waktu ekstra mungkin diperlukan untuk mengonversi file PDF menjadi gambar.
• Sulit untuk secara langsung menyesuaikan tangkapan layar.

2. Tangkapan Layar Firefox (untuk Pengguna Firefox)

Firefox Screenshots adalah fitur baru yang dikembangkan oleh tim Mozilla untuk membantu Anda mengambil, mengunduh, mengumpulkan, dan berbagi screenshot. Anda dapat menggunakan fitur ini untuk menyimpan screenshot seluruh halaman web dengan cepat.

Langkah 1: Klik menu Page actions (Tindakan halaman) di bilah alamat.

Langkah 2: Pilih opsi "Simpan Halaman Penuh".

Langkah 3: Sekarang Anda dapat memilih untuk mengunduh gambar langsung ke desktop komputer Anda.

Contoh: artikel panjang yang baru-baru ini saya terbitkan: pembersih Mac terbaik termasuk Aplikasi gratis.

Catatan samping : Saya melihat bahwa fitur ini masih dalam BETA, jadi tidak dijamin bahwa Firefox akan mempertahankannya. Tetapi pada saat posting ini terakhir diperbarui, fitur ini masih dapat diakses. Juga, browser web paling populer seperti Apple Safari atau Google Chrome belum menawarkan fitur ini.

3. Parallels Toolbox untuk Mac (Safari)

Jika Anda ingin mengambil screenshot bergulir pada Mac, Anda akan menyukai fitur yang disebut "Screenshot Page" di Kotak Alat Parallels yang mencakup beberapa utilitas kecil.

Catatan: Parallels Toolbox bukan freeware, tetapi menawarkan uji coba 7 hari tanpa batasan fungsional apa pun.

Langkah 1: unduh Parallels Toolbox dan instal aplikasi di Mac Anda. Buka dan temukan Ambil Tangkapan Layar> Halaman Tangkapan Layar .

Langkah 2: Klik pada Halaman Tangkapan Layar dan akan membawa Anda ke jendela lain yang meminta untuk menambahkan ekstensi ke Safari. Setelah Anda mengaktifkannya, Anda akan melihat ikon ini muncul pada browser Safari Anda.

Langkah 3: Pilih halaman yang ingin Anda screenshot dan klik ikon Parallels Screenshot, kemudian secara otomatis akan menggulir halaman Anda dan mengambil screenshot dan menyimpannya sebagai file PDF di desktop Anda.

Saya menggunakan halaman ini pada Perangkat Lunak sebagai contoh dan ini bekerja dengan sangat baik.

Kelebihan:

• Kualitas file PDF keluaran sangat bagus.
• Anda tidak perlu menggulir secara manual karena aplikasi akan melakukannya untuk Anda.
• Di samping screenshot halaman web, Anda juga dapat menangkap suatu area atau jendela.

Kontra:

• Diperlukan sedikit waktu untuk menginstal aplikasi.
• Ini bukan freeware, meskipun disediakan uji coba 7 hari tanpa batasan.

4. Plugin Screenshot yang Mengagumkan (untuk Chrome, Firefox, Safari)

Awesome Screenshot memiliki plugin yang dapat menangkap semua atau sebagian halaman web apa pun. Selain itu, ini memungkinkan Anda untuk mengedit tangkapan layar: Anda dapat berkomentar, menambahkan anotasi, mengaburkan informasi sensitif, dll. Plugin ini kompatibel dengan browser web utama termasuk Chrome, Firefox, dan Safari.

Berikut ini tautan untuk menambahkan plugin:

• Chrome
• Firefox (Catatan: karena Screenshot Firefox sekarang tersedia, saya tidak merekomendasikan plugin ini lagi. Lihat metode 2 untuk lebih lanjut).
• Safari

Saya telah menguji plugin di Chrome, Firefox, dan Safari, dan semuanya berfungsi dengan baik. Untuk mempermudah, saya akan menggunakan Google Chrome sebagai contoh. Langkah-langkah untuk menggunakan Awesome Screenshot untuk Firefox dan Safari sangat mirip.

Langkah 1: Buka tautan Chrome di atas dan klik "ADD TO CHROME."

Langkah 2: Tekan "Tambah ekstensi."

Langkah 3: Setelah ikon ekstensi muncul di bilah Chrome, klik di atasnya dan pilih opsi "Capture entire page".

Langkah 4: Dalam beberapa detik, halaman web itu akan bergulir ke bawah secara otomatis. Halaman baru akan terbuka (lihat di bawah), menunjukkan tangkapan layar dengan panel pengeditan yang memungkinkan Anda untuk memotong, membuat anotasi, menambahkan visual, dll. Klik "Done" setelah Anda selesai.

Langkah 5: Tekan ikon "unduh" untuk menyimpan gambar tangkapan layar. Itu saja!

Kelebihan:

• Sangat mudah digunakan.
• Fitur penyuntingan gambar sangat bagus.
• Kompatibel dengan peramban web utama.

Kontra:

• Menurut pengembangnya, ekstensi ini mungkin mengalami beberapa masalah operasional. Saya belum mengalami masalah tersebut.

5. Menangkap Jendela Gulir atau Seluruh halaman dengan Snagit

Saya sangat suka Snagit (Ini adalah aplikasi penangkap layar dan pengeditan yang kuat yang memungkinkan Anda melakukan hampir semua hal yang terkait dengan tangkapan layar. Untuk mengambil tangkapan layar penuh dari halaman web, ikuti langkah-langkah di bawah ini (saya akan menggunakan Snagit untuk Windows sebagai contoh):

Harap dicatat: Snagit bukan freeware, tetapi memiliki uji coba gratis selama 15 hari.

Langkah 1: Dapatkan Snagit dan instal di PC atau Mac Anda. Buka jendela tangkap utama. Di bawah Gambar> Seleksi Pastikan Anda memilih "Scrolling Window." Tekan tombol Capture merah untuk melanjutkan.

Langkah 2: Cari halaman web yang ingin Anda screenshot, lalu gerakkan kursor ke area itu. Sekarang Snagit akan diaktifkan, dan Anda akan melihat tiga tombol panah kuning bergerak. Panah bawah mewakili "Tangkap Area Pengguliran Vertikal", panah kanan mewakili "Tangkap Area Pengguliran Horizontal", dan panah sudut kanan bawah mewakili "Tangkap Seluruh Area Pengguliran".Area Pengguliran Vertikal" pilihan.

Langkah 3: Sekarang Snagit menggulir halaman secara otomatis dan menangkap bagian di luar layar. Segera, jendela panel Editor Snagit akan muncul dengan tangkapan layar yang baru saja diambil. Lihat fitur pengeditan yang tersedia yang tercantum di sana? Itulah mengapa Snagit menonjol dari kerumunan: Anda dapat membuat perubahan sebanyak yang Anda inginkan, dengan banyak pilihan.

Kelebihan:

• Alat ini dapat menangkap halaman web yang bergulir serta jendela.
• Fitur penyuntingan gambar yang dahsyat.
• Sangat intuitif dan mudah digunakan.

Kontra:

• Diperlukan waktu untuk mengunduh dan menginstal aplikasi (berukuran ~90MB).
• Ini tidak gratis, meskipun dilengkapi dengan uji coba 15 hari.

6. Aplikasi Capto (hanya untuk Mac)

Capto adalah aplikasi produktivitas bagi banyak pengguna Mac, termasuk saya sendiri. Nilai inti dari aplikasi ini adalah merekam video layar di Mac Anda, tetapi juga memungkinkan Anda untuk menangkap tangkapan layar dan menyimpan gambar ke perpustakaannya. Anda kemudian dapat dengan mudah mengedit, mengatur, dan membagikannya.

Catatan: Mirip dengan Snagit, Capto juga bukan freeware tetapi menawarkan uji coba yang dapat Anda manfaatkan.

Berikut cara mengambil seluruh tangkapan layar menggunakan Capto:

Langkah 1: Buka aplikasi dan di bagian atas menu, klik ikon "Web". Di sana Anda dapat memilih untuk menjepret URL halaman web dengan cara yang berbeda. Misalnya, jika Anda sudah berada di halaman tersebut, cukup klik "Snap Active Browser URL"

Langkah 2: Anda juga bisa mengedit tangkapan layar, misalnya menyorot suatu area, menambahkan panah atau teks, dll. menggunakan alat bantu pada panel kiri.

Langkah 3: Sekarang Capto akan mengekstrak elemen halaman dan menyimpan gambar ke perpustakaannya. Anda kemudian memilih File> Export untuk menyimpannya secara lokal.

Catatan: jika Anda memilih untuk membiarkan Capto menjepret halaman web dari peramban yang aktif, hal ini mungkin membutuhkan waktu jika halaman web lebih panjang.

Metode Lain

Selama eksplorasi saya, saya juga menemukan beberapa metode kerja lainnya. Saya tidak ingin menampilkannya di atas, karena metode-metode tersebut tidak sebagus metode-metode lainnya, mengingat waktu dan upaya yang perlu Anda investasikan serta kualitas outputnya. Meskipun demikian, metode-metode tersebut memang berhasil, jadi silakan mencobanya.

7. Menangkap Screenshot Ukuran Penuh di Chrome tanpa Ekstensi Browser

Kiat ini dibagikan dengan ramah oleh salah satu pembaca kami, Hans Kuijpers.

• Buka DevTools di Chrome (OPSI + CMD + I)
• Buka Menu Perintah (CMD + SHIFT + P) dan ketik "screenshot"
• Pilih salah satu dari dua opsi "Capture full size screenshot" dari "Capture screenshot".
• Gambar yang ditangkap akan diunduh ke komputer Anda.

8. Web-Capture.Net

Pertama-tama, buka situs web, salin URL halaman web yang ingin Anda screenshot, dan tempelkan di sini (lihat di bawah). Anda juga bisa memilih format file mana yang akan diekspor. Tekan "Enter" pada keyboard Anda untuk melanjutkan.

Bersabarlah. Butuh waktu sekitar dua menit sebelum saya melihat pesan, "Tautan Anda telah diproses! Anda bisa mengunduh file atau arsip ZIP." Sekarang Anda bisa mengunduh tangkapan layar.

Kelebihan:

• Ini berhasil.
• Tidak perlu menginstal perangkat lunak apa pun.

Kontra:

• Banyak sekali iklan di situs webnya.
• Proses tangkapan layar lambat.
• Tidak ada fitur penyuntingan gambar.

9. Tangkapan Layar Halaman Penuh (Ekstensi Chrome)

Mirip dengan Awesome Screenshot, Full Page Screen Capture adalah plugin Chrome yang sangat mudah digunakan. Cukup instal (ini tautan ke halaman ekstensinya) di browser Chrome Anda, cari halaman web yang ingin Anda tangkap dan tekan ikon ekstensi. Tangkapan layar dibuat hampir seketika. Namun, menurut saya kurang menarik karena tidak memiliki fitur pengeditan gambar seperti Awesome Screenshot.Screenshot memiliki.

10. Paparazzi (Hanya Mac)

Pembaruan: aplikasi ini sudah lama tidak diperbarui, mungkin ada masalah kompatibilitas dengan macOS terbaru. Oleh karena itu, saya tidak merekomendasikannya lagi.

Paparazzi! adalah utilitas Mac yang dirancang dan dikembangkan oleh Nate Weaver khusus untuk membuat tangkapan layar halaman web. Ini cukup intuitif. Cukup salin dan tempel tautan halaman web, tentukan ukuran gambar atau waktu tunda, dan aplikasi akan mengembalikan hasilnya untuk Anda. Setelah selesai, klik ikon unduh yang terletak di sudut kanan bawah untuk mengekspor tangkapan layar.

Kekhawatiran utama yang saya miliki adalah bahwa aplikasi ini terakhir diperbarui beberapa tahun yang lalu, jadi saya tidak yakin apakah aplikasi ini akan kompatibel dengan versi macOS yang akan datang.

Ini adalah cara-cara berbeda untuk mengambil screenshot untuk halaman web penuh atau bergulir. Seperti yang saya katakan di bagian ringkasan singkat, metode yang berbeda memiliki kelebihan dan kekurangannya sendiri, jadi pastikan untuk memilih salah satu yang paling sesuai dengan kebutuhan Anda. Saya serahkan kepada Anda untuk memilih yang mana yang akan digunakan.

Seperti biasa, jika Anda punya pertanyaan atau saran, silakan tinggalkan komentar di bawah ini.