Cara Mengambil Screenshot Situs Web Dengan Dimensi Tertentu Menggunakan Google Chrome

Cara Mengambil Screenshot dengan Google Chrome

Jika Anda adalah agensi atau perusahaan yang memiliki portofolio situs atau halaman yang ingin Anda bagikan secara online, Anda mungkin pernah bersusah payah mencoba menangkap seragam. screenshot dari setiap situs.

Salah satu klien yang kami tangani dengan build yang dihosting Solusi intranet yang dapat dihosting secara internal dalam batasan perusahaan. Intranet sangat membantu perusahaan untuk mengkomunikasikan berita perusahaan, mendistribusikan informasi pemasaran, memberikan informasi manfaat, dll.

Kami membantu OnSemble memigrasi solusi Intranet mereka dari situs web perusahaan induk mereka. Itu adalah proyek ekstensif yang menggabungkan segalanya mulai dari membangun profil sosial baru, memperbarui Marketo, dan kemudian membongkar beberapa pengembangan khusus yang telah mereka lakukan di masa lalu untuk menggabungkan situs mereka.

Tangkapan Layar Klien Dengan Google Chrome

Anda mungkin tidak menyadarinya, tetapi Anda dapat menangkap tangkapan layar yang sempurna dengan seperangkat alat pengembang yang kuat di dalam Google Chrome. Menariknya, ini bukan fitur yang sangat terkenal meskipun memiliki fleksibilitas yang luar biasa.

Berikut adalah tutorial video singkat tentang cara mengambil tangkapan layar yang sempurna, berukuran khusus, dari laman web menggunakan Google Chrome:

Langkah-langkah Untuk Mengambil Screenshot Dengan Google Chrome

Alat Pengembang Google Chrome memiliki opsi untuk melihat pratinjau situs menggunakan bilah alat perangkatnya. Alat tersebut dibuat agar pengembang dapat melihat bagaimana situs tersebut terlihat dalam ukuran area pandang yang berbeda di berbagai perangkat… tetapi itu juga merupakan cara sempurna untuk mendapatkan tangkapan layar dengan ukuran yang sempurna dari laman web.

Dalam hal ini, kami ingin setiap klien utama OnSemble di seluruh industri yang telah membangun situs Intranet yang indah untuk mengambil tangkapan layar sehingga kami dapat menampilkan semuanya dalam portofolio di situs web mereka. Kami ingin halaman menjadi lebar 1200px kali 800px. Untuk menyelesaikan ini:

  1. Di tombol navigasi paling kanan (3 titik vertikal), pilih Sesuaikan dan Kontrol Menu.

Menu Alat Pengembang dengan Google Chrome

  1. memilih Alat Lainnya> Alat Pengembang

Alat Pengembang dengan Google Chrome

  1. Alihkan Toolbar Perangkat untuk menampilkan opsi dan dimensi perangkat.

Alihkan Toolbar Perangkat Dengan Google Chrome

  1. Setel opsi pertama ke Responsif, lalu setel dimensi ke 1200 x 800 dan tekan enter. Halaman sekarang akan ditampilkan dengan dimensi tersebut.

Toolbar Perangkat Responsif Google Chrome

  1. Di sisi kanan Toolbar Perangkat, klik tombol navigasi (3 titik vertikal) dan pilih Tangkap Screenshot.

Tangkap Screenshot dengan Google Chrome

  1. Google Chrome akan mengambil tangkapan layar yang sempurna dan memasukkannya ke dalam file Download folder tempat Anda dapat melampirkan dan mengirimkannya melalui email. Pastikan untuk tidak memilih tangkapan layar ukuran penuh karena itu akan mengambil seluruh panjang halaman dan mengabaikan batas tinggi Anda.

Pintasan Keyboard Google Chrome untuk Screenshot

Jika Anda adalah master pintasan keyboard, Anda juga dapat mengambil tangkapan layar halaman penuh dengan pintasan ini. Saya tidak suka pendekatan ini karena saya tidak dapat menyetel ketinggian maksimum viewport… tetapi ini berguna jika Anda membutuhkan screenshot seluruh halaman.

Pintasan Keyboard di Mac:

1. Alt + Command + I 
2. Command + Shift + P

Pintasan Keyboard di Windows atau Linux:

1. Ctrl + Shift + I 
2. Ctrl + Shift + P

Bagaimana menurut Anda?

Situs ini menggunakan Akismet untuk mengurangi spam. Pelajari bagaimana data komentar Anda diproses.