Cara Mengambil Screenshot Situs Web Dengan Dimensi Tertentu Menggunakan Google Chrome
Jika Anda adalah agensi atau perusahaan dengan portofolio situs atau halaman yang ingin Anda bagikan secara online, Anda mungkin mengalami kesulitan saat mencoba menangkap tangkapan layar seragam dari setiap situs.
Salah satu klien yang bekerja sama dengan kami membangun solusi Intranet yang dihosting 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 klien ini memigrasikan produk solusi Intranet mereka dari situs web perusahaan induknya. Itu adalah proyek ekstensif yang menggabungkan semuanya mulai dari membangun profil sosial baru, memperbarui Marketo, dan kemudian membongkar beberapa pengembangan khusus yang telah mereka lakukan untuk menggabungkan situs mereka.
Salah satu langkah penting adalah memastikan kami memiliki gambar produk yang bagus dari situs intranet pelanggan mereka yang menonjol di situs web baru mereka. Kami ingin memastikan setiap tangkapan layar secara konsisten memiliki lebar dan tinggi yang sama di seluruh situs. Ini bisa jadi sulit… kecuali Anda menggunakan Google Chrome.
Tangkapan Layar Klien Dengan Google Chrome
Anda mungkin tidak menyadarinya, tetapi Anda dapat menangkap tangkapan layar yang sempurna dengan seperangkat alat pengembang yang kuat dari Google Chrome. Menariknya, meskipun fleksibilitasnya luar biasa, ini bukanlah fitur yang sangat terkenal. Fitur ini juga memungkinkan Anda mengambil gambar situs responsif untuk dimensi dan ukuran layar tertentu.
Berikut adalah video tutorial singkat tentang cara mengambil tangkapan layar halaman web dengan ukuran khusus yang sempurna menggunakan Google Chrome:
Langkah-langkah Untuk Mengambil Screenshot Dengan Google Chrome
Alat Pengembang Google Chrome dapat mempratinjau situs menggunakan bilah alat perangkatnya. Alat ini dibuat agar pengembang dapat melihat tampilan situs dalam ukuran area pandang yang berbeda di berbagai perangkat… tetapi ini juga merupakan cara yang sempurna untuk mendapatkan tangkapan layar halaman web dengan ukuran sempurna.
Dalam hal ini, kami ingin setiap klien utama klien 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 dengan tinggi 800px. Untuk menyelesaikan ini:
- Di tombol navigasi paling kanan (3 titik vertikal), pilih Sesuaikan dan Kontrol Menu.
- Pilih Alat Lainnya> Alat Pengembang
- Alihkan Toolbar Perangkat untuk menampilkan opsi dan dimensi perangkat.
- Setel opsi pertama ke Responsif, lalu setel dimensi ke 1200 x 800 dan tekan enter. Halaman sekarang akan ditampilkan dengan dimensi tersebut.
- Di sisi kanan Toolbar Perangkat, klik tombol navigasi (3 titik vertikal) dan pilih Tangkap Screenshot.
- Google Chrome akan mengambil tangkapan layar yang sempurna dan memasukkannya ke dalam file Download folder tempat Anda dapat melampirkan dan mengirimkannya dalam email. Pastikan untuk tidak memilih tangkapan layar ukuran penuh karena itu akan memakan seluruh panjang halaman dan mengabaikan batas tinggi Anda.
Pintasan Keyboard Google Chrome untuk Screenshot
Jika Anda master pintasan keyboard, Anda dapat mengambil tangkapan layar satu halaman penuh dengan pintasan ini. Saya tidak suka pendekatan ini karena saya tidak bisa menyetel tinggi maksimum area pandang… tetapi ini berguna jika Anda memerlukan tangkapan layar seluruh halaman.
Pintasan Keyboard (Mac)
1. Alt + Command + I
2. Command + Shift + P
Pintasan Keyboard (Menang / Linux)
1. Ctrl + Shift + I
2. Ctrl + Shift + P