Website Screenshot
Tangkap cuplikan layar situs web apa pun sebagai PNG, JPEG, atau WebP — pada ukuran desktop, tablet, atau mobile, halaman penuh atau above-the-fold.
Apa itu Website Screenshot?
Website Screenshot menangkap gambar yang akurat piksel demi piksel dari halaman web publik apa pun dengan memuatnya di browser headless sungguhan (Cloudflare Browser Rendering) dan merender hasilnya — cara yang sama halaman dicat di browser Anda sendiri, dengan JavaScript, web font, dan gambar yang lazy-loaded ikut disertakan. Anda memilih PNG untuk detail lossless, JPEG untuk file yang lebih kecil, atau WebP untuk rasio ukuran-terhadap-kualitas terbaik, mengaktifkan tangkapan full-page untuk scroll-stitch seluruh halaman alih-alih hanya viewport yang terlihat, dan memilih kelas perangkat — Desktop, Tablet, atau Mobile — untuk merender halaman pada viewport tersebut sehingga situs responsif menunjukkan layout mobile atau tablet aslinya alih-alih tampilan desktop yang diperkecil. Dirancang untuk pratinjau, thumbnail, referensi desain, dan pengarsipan bagaimana tampilan situs pada suatu waktu. Tidak ada apa pun tentang permintaan — URL, gambar, atau hasil — yang disimpan setelah respons dikirim.
Cara menggunakan Website Screenshot
- Tempel URL lengkap halaman yang ingin Anda tangkap (https:// termasuk; domain telanjang seperti example.com juga bisa).
- Pilih format gambar — PNG untuk detail tajam, JPEG untuk file lebih kecil, atau WebP untuk kompresi terbaik.
- Pilih perangkat — Desktop (1440px), Tablet (768px), atau Mobile (390px) — untuk menangkap halaman pada viewport tersebut dan melihat bagaimana layout responsifnya benar-benar dirender.
- Aktifkan "Full page" untuk menangkap seluruh halaman yang dapat di-scroll, atau matikan untuk menangkap hanya viewport yang terlihat.
- Klik "Capture" dan tunggu beberapa detik sementara halaman dimuat di browser headless.
- Gunakan "Download" untuk menyimpan gambar, atau klik kanan pratinjau untuk menyalinnya ke aplikasi lain.
Contoh
Situs pemasaran (full page)
Input: https://example.com
Output: PNG full-page dari beranda, menggabungkan hero, fitur, dan footer menjadi satu gambar tinggi.
Pratinjau above-the-fold
Input: https://example.com (Full page off, JPEG)
Output: JPEG selebar 1280px dari hanya apa yang tercatat di atas lipatan — thumbnail ringkas.
Layout mobile
Input: https://example.com (Device: Mobile, PNG)
Output: PNG selebar 390px dari layout mobile situs, dengan menu hamburger dan bagian yang ditumpuk.
Arsip terkompresi
Input: https://example.com (WebP, Full page on)
Output: WebP ringkas dari seluruh halaman yang cocok untuk penyimpanan jangka panjang atau galeri snapshot.
Kesalahan umum
- Mengharapkan tangkapan halaman yang memerlukan login — browser headless tidak punya sesi atau cookie, sehingga apa pun di balik autentikasi dirender sebagai status logged-out.
- Menangkap URL yang 404 atau dialihkan ke dinding persetujuan dan menganggap hasil yang rusak sebagai bug alat — buka URL di browser Anda sendiri dulu jika gambar terlihat salah.
- Memilih JPEG untuk halaman padat teks dan bertanya-tanya mengapa huruf terlihat buram — PNG atau WebP menjaga teks tetap tajam.
- Lupa bahwa beberapa situs menyajikan markup berbeda ke user agent yang tidak dikenal, sehingga layout yang ditangkap bisa berbeda dari kunjungan pribadi Anda.
Mengapa menggunakan alat ini
- Rendering browser sungguhan — JavaScript, web font, dan framework yang dirender klien (React, Vue, dan sejenisnya) dicatat, bukan dipalsukan.
- Output konsisten yang tidak bergantung pada perangkat, ukuran layar, atau ekstensi browser yang terpasang.
- Tiga format gambar plus toggle full-page mencakup thumbnail, pratinjau, dan arsip halaman lengkap.
- Tanpa pendaftaran, tanpa watermark, dan tidak ada yang disimpan setelah gambar dikembalikan.