Cara mengambil tangkapan layar

Kontributor Kontributor Dibuat:
This is a machine-generated translation of the English article. It has not been reviewed by a human, and may contain errors. If you would like to revise this content, you can start here.
Catatan: Lihat Bagaimana cara membuat tangkapan layar dari masalah saya? jika Anda memerlukan bantuan untuk membuat tangkapan layar untuk ditambahkan ke pertanyaan forum Dukungan Mozilla.

Artikel ini menjelaskan cara membuat tangkapan layar dan cara menyunting gambar tangkapan layar di berbagai sistem operasi dan perangkat, untuk digunakan dalam artikel Basis Pengetahuan. Untuk mempelajari cara menambahkan tangkapan layar dan gambar lain ke artikel KB, lihat Tambahkan gambar dan tangkapan layar ke artikel Basis Pengetahuan.

Penanda visual

Penanda visual adalah kunci untuk membuat dokumentasi menjadi jelas dan ramah pengguna. Penanda ini menarik perhatian ke area tertentu dalam gambar, memandu pengguna melalui setiap langkah suatu proses.

Warna garis luar

Gunakan garis luar berwarna merah (khususnya warna hex #f71701) untuk menggambarkan bagian penting dari tangkapan layar Anda. Pilihan warna ini memastikan bahwa area yang disorot menarik perhatian segera.

Gaya sudut

Gunakan sudut persegi untuk garis luar untuk mencapai harmoni visual di seluruh anotasi tangkapan layar Anda.

Ketebalan garis

Seimbangkan ketebalan garis luar antara 4 dan 8 poin (pt) untuk mencapai visibilitas yang seragam di seluruh tangkapan layar dengan berbagai ukuran.

Sejajarkan elemen UI yang disorot di tengah

Sejajarkan elemen UI di tengah dalam garis luar merah untuk meningkatkan kejelasan dan pengenalan.

Screenshot outline example

Penanda langkah berurutan

Menggunakan penanda langkah berurutan pada tangkapan layar menghubungkan setiap tindakan dalam UI dengan langkah-langkah teks yang sesuai. Ini mengurangi ambiguitas dan kebutuhan akan banyak gambar. Ini sangat berguna untuk instruksi yang lebih panjang dalam jendela atau konteks yang sama. Dengan menggunakan metode ini, Anda dapat menampilkan beberapa instruksi dalam satu tangkapan layar dengan indikator yang jelas untuk setiap tindakan di antarmuka. Berikut adalah contoh skenario yang tepat untuk menggunakan pendekatan ini:

Sequential Step Markers example

Untuk menambahkan penanda ini ke tangkapan layar Anda, buka tangkapan layar di penyunting gambar pilihan Anda. Kemudian, simpan penanda dari Sequential step markers list dan letakkan di bagian yang sesuai dari tangkapan layar.

Persiapan dan penyuntingan gambar

Ukuran

Pastikan tangkapan layar berukuran ringkas. Untuk meningkatkan waktu muat dan aksesibilitas, terutama bagi pengguna dengan koneksi internet yang lebih lambat, sebaiknya pertahankan dimensi tangkapan layar di bawah 620 piksel baik tinggi maupun lebarnya.

Example image size

Memotong

  • Pastikan tangkapan layar yang lebih besar dipotong untuk menyorot elemen UI yang berkaitan dengan tugas yang sedang dilakukan.
Cropped screenshot example

Penyederhanaan

  • Sederhanakan tangkapan layar yang kompleks dengan menghilangkan elemen UI yang tidak penting, mengurangi beban kognitif bagi pengguna. Pilih nada skala abu-abu yang lembut seperti #D4D4D4 dan #E0E0E8 daripada warna-warna cerah atau gelap. Nuansa yang lebih terang ini membantu meminimalkan gangguan, memungkinkan pengguna untuk tetap fokus pada bagian penting dari tangkapan layar.
Simplified screenshot example

PII

  • Hilangkan semua Informasi Pengenal Pribadi (PII) dari tangkapan layar, termasuk email, nama pengguna, dan data pribadi apa pun yang berpotensi mengidentifikasi seseorang.
Remove PII example

Mode terang

  • Ambil tangkapan layar dalam “Mode Terang” bila memungkinkan, karena gambar “Mode Gelap” mungkin tidak mudah dilihat oleh beberapa pengguna.

Paint di Windows dan Preview di Mac adalah perangkat lunak yang berguna untuk memotong dan menyunting gambar tangkapan layar. Anda juga dapat menggunakan perangkat lunak gratis seperti GIMP di Windows, Mac, dan Linux. Alat penyuntingan lainnya tercantum di akhir artikel ini.

Tangkapan layar di Windows

Membuat tangkapan layar

Setelah layar ditampilkan sesuai keinginan Anda untuk tangkapan layar:

  1. Tekan tombol print screen (Print Screen atau Prnt Scrn atau prt sc atau PrtSc atau PrtScr, tergantung pada papan tik Anda). Tombol ini biasanya ditemukan di bagian kanan atas papan tik Anda. Untuk menangkap jendela yang aktif saja, tahan tombol Alt, sebelum Anda menekan tombol print screen.
  2. Buka menu Start Windows dan buka program Microsoft Paint dari daftar Programs (lihat di bawah Accessories).
  3. Setelah Paint terbuka, klik Paste dan tangkapan layar Anda akan muncul.
  4. Simpan gambar Anda sebagai berkas PNG, di lokasi yang mudah ditemukan seperti desktop Anda.

Memotong tangkapan layar di Paint

Memotong tangkapan layar memungkinkan Anda menyunting gambar besar untuk menunjukkan kepada pembaca hanya apa yang perlu mereka lihat.

  1. Buka tangkapan layar di Paint.
  2. Pada bilah alat, klik Select+Rectangular Selection.
    Paint1
  3. Kursor Anda sekarang terlihat seperti kompas. Gunakan kursor Anda untuk menggambar persegi panjang di sekitar area yang ingin Anda tampilkan di gambar akhir.
  4. Klik Crop.

Membuat cuplikan layar di Paint

Cuplikan layar memungkinkan Anda fokus pada sebagian kecil gambar di dalam gambar yang lebih besar. Anda mungkin ingin menunjukkan satu tombol pada seluruh bilah alat.

  1. Buka tangkapan layar di Paint.
  2. Di bilah alat Shapes, pilih bentuk persegi panjang.
    Paint3
  3. Di bilah alat Colors, pilih warna merah.
    Paint4
  4. Kursor Anda sekarang terlihat seperti kompas. Gunakan kursor Anda untuk menggambar persegi panjang merah di sekitar area yang ingin Anda pamerkan.
    Paint2

Mengubah ukuran gambar di Paint

Beberapa tangkapan layar berukuran besar. Tetapi sebaiknya tidak menggunakan tangkapan layar yang panjang atau lebarnya lebih dari 620 piksel. Berikut cara mengubah ukuran tangkapan layar yang besar.

  1. Buka tangkapan layar di Paint.
  2. Klik Resize pada bilah alat. Jendela Resize and Skew akan terbuka.
  3. Periksa apakah tinggi dan lebarnya keduanya di bawah 620 piksel. Jika lebih besar, ketikkan angka yang lebih kecil ke dalam bilah horizontal atau vertikal.
    Paint5

Tangkapan layar di Mac

Membuat tangkapan layar

Setelah layar ditampilkan sesuai keinginan Anda untuk tangkapan layar:

  • Untuk menangkap layar, tahan tombol Command, serta tombol Shift, saat Anda menekan 3.
  • Untuk menangkap bagian tertentu, tahan tombol Command, serta tombol Shift, saat Anda menekan 4; kemudian pilih area yang ingin Anda salin.
  • Untuk menangkap jendela tertentu, tahan tombol Command, serta tombol Shift, saat Anda menekan 4; kemudian tekan Spacebar. Anda kemudian dapat mengklik jendela untuk menangkapnya.

Hasilnya, akan ada berkas PNG di desktop Anda.

Memotong gambar di Preview

Memotong tangkapan layar memungkinkan Anda menyunting gambar besar untuk menunjukkan kepada pembaca hanya apa yang perlu mereka lihat.

  1. Buka tangkapan layar di Preview.
  2. Gunakan kursor Anda untuk menggambar persegi panjang di sekitar area yang ingin Anda tampilkan di gambar akhir.
    Preview2
  3. Klik Tools > Crop atau gunakan pintasan papan tik Command + K.

Membuat cuplikan layar di Preview

Cuplikan layar memungkinkan Anda fokus pada sebagian kecil gambar di dalam gambar yang lebih besar. Misalnya, Anda mungkin ingin memamerkan satu tombol pada seluruh bilah alat.

  1. Buka tangkapan layar di Preview.
  2. Klik Tools > Annotate > Rectangle.
  3. Sebuah persegi panjang merah muncul. Sesuaikan persegi panjang agar pas di sekitar area yang ingin Anda pamerkan.
    ReloadiOS

Mengubah ukuran gambar di Preview

Beberapa tangkapan layar berukuran besar. Tetapi sebaiknya tidak menggunakan tangkapan layar yang panjang atau lebarnya lebih dari 620 piksel. Berikut cara mengubah ukuran tangkapan layar yang besar.

  1. Buka tangkapan layar di Preview.
  2. Klik Tools > Adjust Size. Sebuah jendela akan terbuka.
  3. Periksa apakah tinggi dan lebarnya keduanya di bawah 620px. Jika lebih besar, ketikkan angka yang lebih kecil ke dalam bilah tinggi atau lebar.
  4. Pastikan Scale Proportionally dicentang dan klik OK.
    ScalePreview

Tangkapan layar di Linux

Membuat tangkapan layar

Setelah layar ditampilkan sesuai keinginan Anda untuk tangkapan layar:

  • Di Ubuntu Linux, klik menu Applications, buka folder Accessories, dan pilih Take Screenshot.
  • Dalam kasus lain, tergantung pada manajer desktop Anda, Anda dapat menggunakan KSnapshot atau Gnome-screenshot atau menggunakan tombol Print Screen atau Prnt Scrn atau prt sc atau PrtSc, tergantung pada papan tik Anda, untuk menangkap tangkapan layar Anda.

Tangkapan layar di perangkat iOS

Membuat tangkapan layar

Setelah layar ditampilkan sesuai keinginan Anda di iPhone atau iPad:

  1. Tekan dan tahan tombol Sleep/Wake dan tombol volume-up secara bersamaan.
    (Jika perangkat Anda masih memiliki tombol Home fisik, tekan dan tahan tombol Home, lalu segera tekan tombol Sleep/Wake.)
  2. Layar Anda akan berkedip putih sesaat dan perangkat akan mengeluarkan suara rana kamera (jika volume dihidupkan) untuk menandakan bahwa tangkapan layar telah diambil.
  3. Tangkapan layar sekarang disimpan di aplikasi foto Anda untuk Anda lihat.

Tangkapan layar di perangkat Android

Membuat tangkapan layar

Setelah layar ditampilkan sesuai keinginan Anda di ponsel atau tablet Android Anda:

  1. Tekan dan tahan tombol Sleep/wake dan tombol volume-down secara bersamaan. Layar akan berkedip.
  2. Temukan tangkapan layar di aplikasi Galeri.
  3. Kirim tangkapan layar ke komputer Anda. Jika Anda mau, sunting tangkapan layar di perangkat lunak penyunting gambar seperti Paint atau Preview.
  • Pada ponsel Android yang menjalankan Android stok dengan Android versi 9 (Pie) terpasang, Anda cukup menekan dan menahan tombol power/lock/unlock, yang akan menyebabkan menu Power ditampilkan. Dari dalam menu Power, pilih Screenshot (opsi ketiga di bagian bawah menu) dan tangkapan layar akan secara otomatis disimpan ke galeri ponsel Anda.
  • Tidak semua perangkat Android bekerja dengan cara yang sama. Jika metode di atas tidak berhasil dan perangkat Anda memiliki tombol home, tekan dan tahan tombol home dan tombol daya secara bersamaan, hingga layar berkedip. Untuk metode lain, lihat artikel-artikel ini:

Alat

Panduan lengkap Basis Pengetahuan

Lihat panduan lainnya di Artikel Basis Pengetahuan untuk kontributor.

These fine people helped write this article:

Illustration of hands

Sukarelawan

Kembangkan dan bagikan keahlian Anda. Jawab pertanyaan dan tingkatkan pundi pengetahuan kami.

Pelajari Lebih Lanjut