Pembuat Bingkai Gambar
Tambahkan bingkai dekoratif di sekeliling foto — solid, putus-putus, titik-titik, atau ganda, dengan sudut membulat dan bayangan opsional — sepenuhnya di browser Anda.
Input
Diproses sepenuhnya di browser Anda — gambar tidak pernah diunggah ke server.
Seberapa tebal bingkai di sekeliling foto.
Membulatkan sudut foto dan bingkai.
Mengangkat foto yang dibingkai dari latar belakang dengan bayangan lembut.
Output
Your edited image will appear here.
Cara lain menggunakan alat ini
Widget sematan
<iframe
src="https://iotools.cloud/embed/imagekit/image-border/"
width="100%" height="520" frameborder="0" scrolling="no" loading="lazy"
title="Pembuat Bingkai Gambar — iotools.cloud"
sandbox="allow-scripts allow-forms allow-same-origin allow-downloads allow-popups allow-popups-to-escape-sandbox"
allow="clipboard-write"
style="width:100%;border:1px solid #e5e7eb;border-radius:12px;overflow:hidden"></iframe>
<script src="https://iotools.cloud/embed.js" async></script>Tempelkan ini di halaman Anda sendiri — gratis, tanpa kunci, cukup tautan balik.
Juga tersedia melalui
Panduan
Tambahkan bingkai dekoratif di sekeliling foto apa pun — pilih gaya, warna, dan ketebalan, lalu unduh hasil yang sudah dibingkai. Semuanya dirender seketika di browser Anda; tidak ada yang diunggah ke server.
Cara kerjanya
Unggah gambar, lalu atur bingkainya sesuai selera:
- Lebar Bingkai — seberapa tebal bingkai di sekeliling foto.
- Warna Bingkai — warna bingkai, nilai hex apa pun atau dari pemilih warna.
- Gaya Bingkai — Solid (bingkai isi rata), Putus-putus, Titik-titik, atau Ganda, gaya yang sama dengan
border-styledi CSS. - Radius Sudut — membulatkan sudut foto sekaligus sudut bingkai luar. Jika dibiarkan 0, sudut tetap tajam.
- Tambahkan Bayangan — mengangkat foto yang dibingkai dari halaman dengan bayangan lembut, berguna saat menempatkannya di atas latar belakang berwarna atau berpola.
Hasilnya langsung tampil saat Anda menggeser kontrol. Unduh sebagai file SVG, atau salin kode sumber markup-nya secara langsung.
Tips
- Gaya Putus-putus dan Titik-titik paling cocok dengan Lebar Bingkai sedang hingga besar (30px+) — pada lebar yang sangat tipis, pola putus-putusnya terlalu kecil untuk terlihat jelas.
- Bingkai Ganda membagi Lebar Bingkai menjadi dua garis yang lebih tipis dengan celah di antaranya, jadi bingkai Ganda butuh lebar lebih besar daripada bingkai Solid agar terlihat tegas — coba 60px atau lebih.
- SVG yang diunduh tetap tajam pada ukuran berapa pun karena merupakan pembungkus vektor dari gambar asli Anda — mengubah ukurannya tidak menurunkan kualitas seperti pada ekspor raster.
- Padukan Radius Sudut yang membulat dengan Bayangan untuk tampilan seperti kartu, misalnya untuk mockup situs web atau postingan media sosial.