Tangkap skrin mentah kelihatan rata apabila ditampal ke dalam tweet, slaid, atau halaman pendaratan. Alat ini meletakkannya pada kecerunan yang cantik (atau warna pejal), menambah pelapik ruang bernafas, membulatkan bucu, dan menjatuhkan bayang lembut di bawahnya — rupa digilap yang anda lihat dalam tangkap skrin produk di mana-mana. Pilih nisbah aspek untuk sosial atau kekalkan automatik.
Semuanya disusun langsung pada kanvas dalam pelayar anda dan dieksport sebagai PNG. Tangkap skrin anda — yang mungkin menunjukkan data peribadi — tidak pernah dimuat naik.
Cara guna
- Tambah tangkap skrinLepaskan imej yang anda mahu percantikkan.
- Gayakan bingkaiPilih latar belakang, pelapik, jejari bucu dan bayang; pilih nisbah aspek jika anda perlukan satu.
- Muat turun PNGSimpan imej yang digilap, sedia untuk sosial, dokumen atau slaid.
Tukar tangkapan skrin mentah menjadi tangkapan skrin produk
Pengcantik tangkapan skrin meletakkan tangkapan anda pada latar belakang dan menambah tiga perkara yang menjadikan tangkapan skrin kelihatan direka dan bukan diambil sembarangan: pad di sekeliling imej, penjuru berpenjuru bulat pada tangkapan skrin itu sendiri, dan bayang jatuh yang lembut yang mengangkatnya daripada permukaan. Pilih gradien pratetap, warna pejal, atau latar belakang lutsinar, laraskan setiap kawalan, dan perhatikan pratonton dikemas kini secara langsung sebelum mengeksport PNG.
Semuanya digubah pada kanvas dalam pelayar anda, jadi tangkapan skrin tidak pernah dimuat naik. Itu penting kerana tangkapan skrin boleh menyimpan mesej peribadi, invois, papan pemuka, atau token dalam bar URL — menambah bayang tidak sepatutnya bermakna menghantar apa-apa daripada itu ke pelayan. Tiada akaun, dan selepas halaman dimuatkan ia terus berfungsi luar talian.
Bentuk yang betul untuk ke mana sahaja ia menuju
Setiap tempat anda menyiarkan imej lebih menyukai sesuatu bentuk. Kunci keluaran kepada 16:9 untuk set slaid dan kad sosial lebar, 1:1 untuk siaran persegi Instagram atau LinkedIn, 3:4 untuk imej tinggi yang mengisi lebih banyak skrin telefon, atau biarkannya pada Auto untuk membiarkan bingkai membalut tangkapan skrin serta padnya. Apabila anda mengunci nisbah, pad mengisi selebihnya bingkai supaya eksport masuk ke slot tanpa pangkasan yang janggal.
Tetapkan latar belakang kepada lutsinar dan PNG dieksport dengan kawasan pad jelas — pad, jejari penjuru, dan bayang semuanya kekal, hanya isian di belakang bayang yang hilang. Itulah versi yang anda letakkan pada latar belakang anda sendiri dalam Figma, Keynote, atau lakaran kecil.
Untuk apa orang menggunakannya
Tangkapan pelancaran dan log perubahan — Apungkan tangkapan skrin produk pada gradien lembut supaya siaran keluaran atau log perubahan kelihatan sengaja dan bukan mentah.
Tweet dan rentetan yang tergilap — Tambah pad, penjuru berpenjuru bulat, dan bayang yang samar supaya tangkapan skrin anda berhenti berlanggar dengan teks di sekelilingnya.
Set slaid — Eksport pada 16:9 dengan latar belakang yang bersih supaya tangkapan skrin duduk konsisten merentasi pembentangan.
Siaran sosial persegi — Kunci 1:1 supaya tangkapan skrin lebar muat pada grid Instagram atau LinkedIn tanpa dipangkas.
Aset Figma dan Keynote — Eksport pada latar belakang lutsinar untuk mengekalkan penjuru berpenjuru bulat dan bayang, kemudian letakkannya pada susun atur anda sendiri.
Pengepala dokumentasi — Letakkan tangkapan skrin pada warna jenama pejal untuk imej hero yang kemas dan seiring jenama dalam dokumen atau wiki.
Tangkapan skrin kosong kelihatan rata di mana sahaja anda tampal
Tangkapan skrin terus dari skrin anda ialah segi empat tepat piksel dengan tepi keras pada keempat-empat sisi. Dengan sendirinya itu sesuai untuk laporan pepijat. Tetapi saat anda menjatuhkannya ke dalam tweet, slaid, hero halaman pendaratan, atau dokumen Notion, ia kelihatan belum siap — ia berlanggar terus dengan teks di sekelilingnya, sudut terasa tajam dan murah, dan tiada pemisahan antara imej dan latar belakang. Anda telah melihat versi yang kemas seratus kali: tangkapan skrin produk terapung pada kecerunan warna lembut, dengan sedikit ruang bernafas di sekelilingnya, sudut yang lembut dibulatkan, dan bayang yang samar supaya ia mengangkat daripada halaman. Rupa itu bukan penapis atau templat stok. Ia tiga perkara kecil yang bertindan bersama, dan alat ini melakukan tepat tiga perkara itu.
Anda jatuhkan tangkapan skrin ke kanvas dan ia mengarang gambar siap secara langsung dalam pelayar anda. Anda pilih latar belakang — kecerunan pratetap, warna pepejal, atau lutsinar — tetapkan berapa banyak pad duduk di sekeliling tangkapan skrin, pilih jejari sudut, dan tala bayang jatuh naik atau turun. Pratonton mengemas kini sambil anda pergi. Apabila ia kelihatan betul, anda eksport PNG. Tangkapan skrin, yang mungkin memegang benang e-mel, papan pemuka, sembang, nombor akaun, apa sahaja, dilukis terus ke elemen <canvas> dan tidak pernah meninggalkan tab. Tiada muat naik, tiada akaun, dan sebaik halaman dimuatkan ia terus berfungsi dengan rangkaian dimatikan.
Apa sebenarnya pad, pembulatan, bayang, dan kecerunan lakukan
- Pad memberi tangkapan skrin margin supaya ia tidak dihimpit tepi ke tepi. Jurang itu ialah yang membuatkannya dibaca sebagai objek sengaja yang diletak pada permukaan dan bukannya tangkapan mentah.
- Sudut dibulatkan pada tangkapan skrin itu sendiri melembutkan empat sudut tepat yang keras. Ia perubahan kecil yang serta-merta dibaca sebagai "direka" dan bukannya "dirampas."
- Bayang jatuh yang lembut memisahkan tangkapan skrin daripada latar belakang, jadi ia kelihatan seperti duduk sedikit di atas permukaan dan bukannya ditampal rata padanya. Kekalkan ia samar — itu yang menjual kedalaman tanpa kelihatan berat.
- Latar belakang kecerunan (atau pepejal) mengisi pad dengan warna. Kecerunan dua-nada yang lembut ialah sebab tunggal paling besar tangkapan skrin pelancaran-aplikasi dan log-perubahan itu kelihatan mahal; warna pepejal ialah alternatif yang lebih tenang dan sesuai jenama.
Bersama, ini ialah rupa "tangkapan skrin produk," dan itulah keseluruhan skop alat — tidak lebih, tidak kurang.
Nisbah aspek untuk ke mana ia pergi
Output boleh menjadi Auto (bingkai cuma membalut tangkapan skrin anda tambah pad) atau dikunci kepada 16:9, 4:3, 1:1, atau 3:4. Nisbah penting kerana setiap tempat anda pos mempunyai bentuk yang ia lebih suka: 16:9 untuk dek slaid dan kad sosial lebar, 1:1 untuk pos Instagram atau LinkedIn segi empat sama, 3:4 untuk imej tinggi yang mengisi lebih banyak skrin telefon. Kunci nisbah dan pad mengisi selebihnya bingkai di sekeliling tangkapan skrin anda, jadi eksport jatuh ke slot itu tanpa dipangkas dengan janggal.
Latar belakang lutsinar, secara sengaja
Tetapkan latar belakang kepada lutsinar dan PNG dieksport dengan kawasan pad jernih dan bukannya berwarna. Itu yang anda mahu apabila anda akan meletakkan tangkapan skrin bersudut-bulat dan berbayang ke atas latar belakang anda sendiri dalam Figma, Keynote, atau lakaran kenit — anda mengekalkan pad, jejari, dan bayang, dan menjatuhkannya ke atas apa jua permukaan yang anda sudah ada. Bayang kekal; hanya isian di belakangnya hilang.
Kenapa setempat-sahaja itulah maksudnya di sini
Tangkapan skrin diam-diam salah satu perkara paling peribadi yang anda akan mahu kongsi versinya. Satu tangkapan boleh menunjukkan nama pelanggan, invois, DM peribadi, metrik dalaman, token dalam bar URL. Pemperelok yang memuat naik imej anda ke pelayan untuk "memproses"nya meminta anda menyerahkan semua itu hanya untuk menambah bayang. Di sini penggubahan ialah kerja kanvas biasa dalam pelayar anda sendiri, jadi tiada apa-apa untuk dimuat naik dan tiada apa-apa untuk dipercayai.
Satu nota jujur tentang skop: ini menambah kilauan kecerunan-pad-bayang dan tiada yang lain. Ia tidak membalut tangkapan skrin anda dalam mockup kroma pelayar atau bingkai telefon, dan ia tidak menambah anak panah, kabur, atau anotasi — ia rupa pemperelok, satu tangkapan skrin pada satu masa.
Mengapa IMG.DIY
Kecerunan atau pejal
Kecerunan pratetap atau sebarang warna pejal.
Pelapik & pembulatan
Ruang bernafas dan bucu bulat.
Bayang lembut
Kedalaman boleh laras untuk rupa terapung.
Peribadi
Disusun secara tempatan — tidak pernah dimuat naik.