Tangkapan layar mentah tampak datar saat ditempel ke tweet, slide, atau halaman arahan. Alat ini menaruhnya di atas gradien yang bagus (atau warna padat), menambahkan padding sebagai ruang bernapas, membulatkan sudut, dan menjatuhkan bayangan lembut di bawahnya — tampilan rapi yang Anda lihat pada tangkapan layar produk di mana-mana. Pilih rasio aspek untuk sosial atau biarkan otomatis.
Semuanya disusun langsung pada kanvas di browser Anda dan diekspor sebagai PNG. Tangkapan layar Anda — yang mungkin menampilkan data pribadi — tidak pernah diunggah.
Cara pakai
- Tambahkan tangkapan layarJatuhkan gambar yang ingin Anda percantik.
- Gaya-kan bingkainyaPilih latar, padding, radius sudut, dan bayangan; pilih rasio aspek bila Anda perlu.
- Unduh PNGSimpan gambar yang rapi, siap untuk sosial, dokumen, atau slide.
Ubah tangkapan layar mentah menjadi tangkapan layar produk
Alat pempercantik tangkapan layar menaruh tangkapan Anda di atas latar dan menambahkan tiga hal yang membuat tangkapan layar tampak dirancang alih-alih asal ambil: bantalan di sekeliling gambar, sudut membulat pada tangkapan layar itu sendiri, dan bayangan jatuh lembut yang mengangkatnya dari permukaan. Pilih gradien preset, warna solid, atau latar transparan, sesuaikan setiap kontrol, dan lihat pratinjau diperbarui langsung sebelum mengekspor PNG.
Semuanya tersusun pada kanvas di browser Anda, jadi tangkapan layar tidak pernah diunggah. Itu penting karena tangkapan layar bisa menampung pesan pribadi, faktur, dasbor, atau token di bilah URL — menambahkan bayangan seharusnya tidak berarti mengirim semua itu ke server. Tidak ada akun, dan setelah halaman dimuat ia tetap bekerja luring.
Bentuk yang tepat untuk ke mana pun ia dituju
Setiap tempat Anda memposting gambar menyukai bentuk tertentu. Kunci keluaran ke 16:9 untuk dek slide dan kartu sosial lebar, 1:1 untuk postingan persegi Instagram atau LinkedIn, 3:4 untuk gambar tinggi yang memenuhi lebih banyak layar ponsel, atau biarkan pada Otomatis agar bingkai membungkus tangkapan layar plus bantalannya. Saat Anda mengunci rasio, bantalan mengisi sisa bingkai sehingga ekspor jatuh ke slotnya tanpa pangkasan canggung.
Setel latar ke transparan dan PNG diekspor dengan area bantalan bening — bantalan, radius sudut, dan bayangan semua tetap ada, hanya isian di belakang bayangan yang hilang. Itulah versi yang Anda taruh ke latar Anda sendiri di Figma, Keynote, atau sebuah thumbnail.
Untuk apa orang memakainya
Tangkapan peluncuran dan changelog — Apungkan tangkapan layar produk di atas gradien lembut agar postingan rilis atau changelog tampak disengaja alih-alih mentah.
Tweet dan utas yang rapi — Tambahkan bantalan, sudut membulat, dan bayangan samar agar tangkapan layar Anda berhenti bertabrakan dengan teks di sekelilingnya.
Dek slide — Ekspor pada 16:9 dengan latar bersih agar tangkapan layar duduk konsisten di seluruh presentasi.
Postingan sosial persegi — Kunci 1:1 agar tangkapan layar lebar muat di kisi Instagram atau LinkedIn tanpa terpangkas.
Aset Figma dan Keynote — Ekspor di atas latar transparan untuk mempertahankan sudut membulat dan bayangan, lalu taruh ke tata letak Anda sendiri.
Header dokumentasi — Taruh tangkapan layar di atas warna merek solid untuk gambar hero yang rapi dan selaras merek di dokumen atau wiki.
Tangkapan layar polos tampak datar di mana pun Anda menempelnya
Tangkapan layar langsung dari layar Anda adalah persegi panjang piksel dengan tepi keras di keempat sisinya. Sendirian itu cukup untuk laporan bug. Tetapi begitu Anda menjatuhkannya ke sebuah tweet, slide, hero halaman-arahan, atau dokumen Notion, ia tampak belum selesai — ia berhimpitan langsung dengan teks di sekelilingnya, sudutnya terasa tajam dan murah, dan tidak ada pemisahan antara gambar dan latar. Anda sudah melihat versi yang rapi ratusan kali: tangkapan layar produk yang melayang di atas gradien warna yang lembut, dengan sedikit ruang bernapas di sekelilingnya, sudut membulat lembut, dan bayangan samar sehingga ia terangkat dari halaman. Tampilan itu bukan filter atau template stok. Ia adalah tiga hal kecil yang ditumpuk bersama, dan alat ini melakukan persis ketiga hal itu.
Anda menjatuhkan tangkapan layar ke kanvas dan ia menyusun gambar jadi secara langsung di browser Anda. Anda memilih latar — gradien preset, warna solid, atau transparan — mengatur seberapa banyak bantalan di sekeliling tangkapan layar, memilih radius sudut, dan mengatur bayangan jatuh naik atau turun. Pratinjau diperbarui seiring Anda berjalan. Ketika tampak pas, Anda mengekspor PNG. Tangkapan layar, yang mungkin memuat thread email, dasbor, obrolan, nomor rekening, apa saja, digambar langsung ke elemen <canvas> dan tidak pernah meninggalkan tab. Tanpa unggahan, tanpa akun, dan begitu halaman dimuat ia tetap bekerja dengan jaringan mati.
Apa yang sebenarnya dilakukan bantalan, pembulatan, bayangan, dan gradien
- Bantalan memberi tangkapan layar margin sehingga ia tidak berjejal dari tepi ke tepi. Celah itu adalah yang membuatnya terbaca sebagai objek yang sengaja ditempatkan di sebuah permukaan ketimbang tangkapan mentah.
- Sudut membulat pada tangkapan layar itu sendiri melembutkan keempat sudut siku keras. Itu perubahan mungil yang seketika terbaca sebagai "dirancang" alih-alih "diambil."
- Bayangan jatuh yang lembut memisahkan tangkapan layar dari latar, jadi ia tampak duduk sedikit di atas permukaan ketimbang ditempel datar padanya. Jaga tetap samar — itulah yang menjual kedalamannya tanpa tampak berat.
- Latar gradien (atau solid) mengisi bantalan dengan warna. Gradien dua-nada yang lembut adalah satu alasan terbesar tangkapan layar peluncuran-aplikasi dan changelog itu tampak mahal; warna solid adalah alternatif yang lebih tenang dan sesuai-merek.
Bersama-sama ini adalah tampilan "tangkapan layar produk," dan itulah seluruh cakupan alatnya — tidak lebih, tidak kurang.
Rasio aspek untuk ke mana ia pergi
Output bisa Auto (bingkai sekadar membungkus tangkapan layar Anda plus bantalan) atau dikunci ke 16:9, 4:3, 1:1, atau 3:4. Rasionya penting karena setiap tempat Anda memposting punya bentuk yang disukainya: 16:9 untuk deck slide dan kartu sosial lebar, 1:1 untuk postingan Instagram atau LinkedIn persegi, 3:4 untuk gambar tinggi yang mengisi lebih banyak layar ponsel. Kunci rasionya dan bantalan mengisi sisa bingkai di sekeliling tangkapan layar Anda, sehingga ekspornya jatuh ke slot itu tanpa terpotong secara canggung.
Latar transparan, dengan sengaja
Atur latarnya ke transparan dan PNG diekspor dengan area bantalan bening alih-alih berwarna. Itulah yang Anda inginkan ketika Anda akan menempatkan tangkapan layar bersudut-membulat dan berbayang itu ke latar Anda sendiri di Figma, Keynote, atau sebuah thumbnail — Anda menjaga bantalan, radius, dan bayangan, dan menjatuhkannya ke permukaan apa pun yang sudah Anda miliki. Bayangannya tetap; hanya isian di belakangnya yang menghilang.
Kenapa lokal-saja adalah intinya di sini
Tangkapan layar diam-diam adalah salah satu hal paling privat yang akan pernah Anda ingin bagikan versinya. Satu tangkapan bisa menunjukkan nama pelanggan, faktur, DM privat, metrik internal, sebuah token di bilah URL. Sebuah pemercantik yang mengunggah gambar Anda ke server untuk "memprosesnya" meminta Anda menyerahkan semua itu hanya untuk menambah bayangan. Di sini penyusunannya adalah pekerjaan kanvas biasa di browser Anda sendiri, jadi tidak ada yang perlu diunggah dan tidak ada yang perlu dipercaya.
Satu catatan jujur soal cakupan: ini menambah poles gradien-bantalan-bayangan dan tidak lebih. Ia tidak membungkus tangkapan layar Anda dalam chrome browser atau mockup bingkai-ponsel, dan ia tidak menambah panah, buram, atau anotasi — ia adalah tampilan mempercantik, satu tangkapan layar sekali waktu.
Kenapa IMG.DIY
Gradien atau padat
Gradien preset atau warna padat apa pun.
Padding & pembulatan
Ruang bernapas dan sudut membulat.
Bayangan lembut
Kedalaman dapat diatur untuk tampilan melayang.
Privat
Disusun secara lokal — tidak pernah diunggah.