Tambahkan Bingkai ke Gambar
Tambahkan bingkai berwarna, padding dalam, sudut membulat, dan bayangan ke gambar apa pun di browser Anda, dengan latar luar transparan atau berwarna.
Berjalan sepenuhnya di browser Anda. Data Anda tidak pernah diunggah.
Apa itu Bingkai Gambar?
Alat ini membingkai gambar dengan bingkai solid dengan lebar dan warna apa pun, padding dalam opsional dengan warna tersendiri, sudut membulat, dan bayangan lembut. Area di luar bingkai bisa tetap transparan (berguna untuk sudut membulat dan bayangan) atau diisi warna latar.
Cara menggunakan Bingkai Gambar
- Letakkan, pilih, atau tempel gambar.
- Atur Lebar bingkai dan Warna bingkai, serta opsional Padding dalam beserta warnanya.
- Tambahkan Radius sudut dan Ukuran bayangan / offset jika diinginkan.
- Biarkan Transparan di luar bingkai atau pilih warna latar, lalu unduh (PNG mempertahankan transparansi).
Contoh
40×20 image, border 20 px #ff00ff, no padding, radius 0
80×60 PNG whose top-left pixel is #FF00FF
Kapan menggunakan Bingkai Gambar
Gunakan agar screenshot menonjol di dokumen, menambahkan bingkai “cetak” putih pada foto, atau membuat gambar bersudut membulat dan berbayang untuk postingan sosial dan slide. Gunakan output PNG jika Anda ingin sudut membulat atau bayangan yang transparan; JPEG mengisinya dengan putih.
Cara kerja Bingkai Gambar
Canvas baru dibuat lebih besar dari gambar sebesar dua kali bingkai ditambah padding, plus ruang untuk bayangan. Persegi panjang membulat diisi warna bingkai (dengan pengaturan bayangan canvas jika bayangan aktif), persegi panjang membulat bagian dalam diisi warna padding, dan gambar digambar dengan dipotong mengikuti persegi panjang membulat terdalam, sehingga radius sudut juga berlaku untuk fotonya.
Kasus Penggunaan Umum
- Menambahkan bingkai putih pada foto untuk postingan Instagram.
- Memberi screenshot bingkai abu-abu tipis di dokumentasi.
- Membuat gambar bersudut membulat ala ikon aplikasi dengan bayangan.
- Menambahkan padding yang konsisten di sekitar gambar produk.
Catatan Keamanan
Gambar didekode, diproses, dan di-encode secara lokal di browser Anda dengan Canvas API. Tidak ada yang diunggah ke server.
Pertanyaan Umum
Mengapa sudut membulat saya berwarna putih?
JPEG tidak bisa menyimpan transparansi. Pilih PNG atau WebP sebagai format keluaran untuk mempertahankan sudut dan bayangan transparan.
Bagaimana ukuran output dihitung?
Lebar = lebar gambar + 2 × (bingkai + padding), ditambah ruang ekstra di setiap sisi jika bayangan aktif. Tinggi dihitung dengan cara yang sama.
Bisakah saya memakai bingkai semi-transparan?
Kolom warna menerima warna HEX 6 digit, jadi bingkainya selalu buram. Atur bingkai ke 0 dan gunakan padding saja jika Anda butuh bingkai yang serasi dengan latar.