Generator Mockup Screenshot
Masukkan screenshot ke dalam bingkai jendela browser, jendela aplikasi, ponsel, tablet, atau laptop dengan latar gradien atau solid dan bayangan. Unduh PNG.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Apa itu Mockup Screenshot?
Alat Mockup Screenshot membingkai screenshot Anda dalam perangkat atau jendela generik yang bersih: jendela browser terang atau gelap dengan URL Anda di bilah alamat, jendela aplikasi polos, ponsel, tablet, atau laptop. Tambahkan latar gradien, solid, atau transparan, padding, dan bayangan, lalu ekspor PNG yang siap untuk landing page, dokumentasi, atau postingan sosial.
Cara menggunakan Mockup Screenshot
- Letakkan, pilih, atau tempel screenshot.
- Pilih Bingkai dan, untuk bingkai browser, ketik Teks bilah alamat.
- Pilih Latar (gradien, warna solid, atau transparan), warnanya, Padding, dan Bayangan.
- Unduh mockup PNG-nya.
Contoh
40×20 screenshot, frame Browser window (light), padding 0, transparent background
40×64 PNG: a 44 px title bar with window dots and address bar above the screenshot
Kapan menggunakan Mockup Screenshot
Gunakan agar screenshot tampak rapi di halaman produk, file README, changelog, presentasi, atau tweet. Untuk render perangkat fotorealistis atau mockup perspektif, gunakan alat desain khusus.
Cara kerja Mockup Screenshot
Semuanya digambar di canvas. Jendela browser dan aplikasi disesuaikan dengan ukuran screenshot (bilah judul ditambahkan di atasnya, dengan ukuran yang diskalakan sesuai lebar screenshot), sehingga screenshot tetap beresolusi penuh. Bingkai ponsel, tablet, dan laptop memakai rasio layar tetap (19,5:9, 4:3, dan 16:10): screenshot diskalakan ke lebar layar dan digambar dari atas, dengan kelebihannya dipotong. Bingkainya berupa bentuk generik sederhana, bukan replika perangkat bermerek tertentu.
Kasus Penggunaan Umum
- Menampilkan screenshot aplikasi web di landing page.
- Menambahkan bingkai browser pada screenshot di dokumentasi.
- Membuat mockup ponsel dari situs mobile untuk media sosial.
- Membuat gambar changelog yang konsisten dengan latar gradien khas merek.
Catatan Keamanan
Gambar didekode, diproses, dan di-encode secara lokal di browser Anda dengan Canvas API. Tidak ada yang diunggah ke server.
Pertanyaan Umum
Apakah ukuran screenshot saya akan diubah?
Di bingkai browser dan aplikasi, ukurannya tetap seperti aslinya. Di bingkai ponsel, tablet, dan laptop, screenshot diskalakan ke lebar layar dan dipotong di bagian bawah jika lebih tinggi dari layar.
Bisakah saya mendapatkan latar transparan?
Bisa, pilih Transparan sebagai latar; PNG mempertahankan transparansi di sekitar bingkai dan bayangan.
Apakah ini model perangkat sungguhan?
Bukan. Bingkainya berdesain netral dan generik sehingga bisa dipakai bebas tanpa khawatir soal merek dagang.