Membulatkan Sudut Gambar dan Menambah Bingkai

Lunakkan sikunya, potong jadi lingkaran, dan pasang bingkai berwarna dengan latar transparan. Banyak gambar sekaligus, semuanya di browser Anda.

Seret gambar Anda ke sini
atau klik untuk memilih — JPG, PNG, WEBP. Beberapa sekaligus juga bisa.

Cara membulatkan sudut dan menambahkan bingkai

Mulailah dengan menyeret gambar ke area unggah, atau mengekliknya untuk membuka pemilih file. Anda bisa memasukkan beberapa foto sekaligus dengan menahan Ctrl (atau Cmd di Mac) saat memilih, dan format yang diterima adalah JPG, PNG, WEBP, GIF, dan BMP. Kalau file yang dimuat lebih dari satu, tab berisi nama tiap gambar muncul di atas pratinjau — klik untuk berpindah di antaranya dan melihat bagaimana setelannya jatuh pada tiap foto. Tepat di bawah pratinjau, dimensi akhir filenya tampil dalam piksel, sudah termasuk bingkai yang Anda tambahkan.

Keputusan pertamanya adalah bentuk. Sudut membulat mempertahankan proporsi asli foto dan hanya melunakkan sikunya. Lingkaran memotong gambar dari tengah dengan proporsi 1:1 lalu memasang masker bulat — inilah pilihan yang tepat untuk foto profil dan avatar, karena menghindari kesan gepeng yang muncul saat potret tegak dipaksa masuk ke dalam lingkaran. Persegi hanya memotong dari tengah dengan proporsi 1:1, tanpa membulatkan apa pun. Pada mode sudut membulat, penggeser radius menentukan lengkungannya dalam persentase dari sisi terpendek, dan empat tombol di bawahnya memungkinkan Anda mematikan sudut tertentu: klik salah satunya dan sudut itu kembali bersiku.

Ketebalan bingkai ditentukan dalam piksel dan digambar di luar gambar, tanpa memotong sedikit pun isi aslinya. Begitu angkanya lewat nol, muncullah pemilih warna, kolom untuk mengetik kode heksadesimal, dan palet berisi delapan warna siap pakai. Bingkainya mengikuti lengkungan yang Anda pilih, jadi pada mode lingkaran ia jadi cincin yang rapi. Pilihan bayangan lembut menambahkan sedikit penegas di belakang gambar, berguna untuk gambar mini yang diletakkan di atas latar terang. Latar transparan sudah tercentang secara bawaan, dan itulah yang memastikan sudut yang dipotong benar-benar tembus pandang.

Terakhir, pilih format unduhannya. PNG adalah pilihan yang kami sarankan karena menjaga transparansi sudutnya tanpa menurunkan kualitas. WEBP juga mempertahankan transparansi dan menghasilkan file yang lebih kecil, cocok untuk dipakai di situs. JPG tidak mendukung transparansi, jadi begitu Anda memilihnya, sudut-sudutnya diisi dengan warna latar yang sudah ditentukan di panel setelan. Pakai tombol unduh gambar untuk menyimpan foto yang sedang tampil saja, atau unduh semua untuk menerima seluruh kumpulannya dalam satu file .zip dengan setelan yang sama.

Pertanyaan yang sering diajukan

Apakah gambar saya dikirim ke server?
Tidak. Pemotongan dan penggambaran bingkainya berlangsung di browser Anda lewat Canvas. Tidak ada file yang dikirim ke internet.
Bisakah saya membulatkan sudut banyak gambar sekaligus?
Bisa. Masukkan sebanyak apa pun gambar yang Anda mau: radius, bingkai, dan bentuk yang sama diterapkan ke semuanya. Unduhannya boleh dilakukan satu per satu atau sekaligus dalam satu file .zip.
Kenapa sudut membulat saya jadi putih atau hitam setelah disimpan?
Itu terjadi ketika filenya diekspor ke JPG, format yang tidak mendukung transparansi — area yang dipotong mau tidak mau harus diisi warna. Supaya sudutnya benar-benar tembus pandang, pilih PNG atau WEBP pada pilihan format dan biarkan kotak latar transparan tetap tercentang. Kalau tujuannya memang mengharuskan JPG, setel warna latarnya sama dengan warna situs atau dokumen tempat gambar itu akan dipakai.
Radius berapa yang sebaiknya dipakai untuk gambar mini dan kartu di situs?
Antarmuka masa kini biasanya memakai 8% sampai 16% dari sisi terpendek gambar, yang kira-kira setara 8–16 px pada gambar mini berukuran 100 px. Angka di atas 25% mulai terlihat seperti tombol kapsul, dan 50% mengubah persegi panjangnya jadi lingkaran atau elips. Kalau kartu di situs Anda sudah punya radius yang ditetapkan lewat CSS, terapkan nilai proporsional yang sama pada gambarnya supaya menyatu dengan pas.
Bagaimana cara membuat foto profil bulat berbingkai?
Pilih bentuk Lingkaran: alat ini memotong gambar dari tengah dengan proporsi 1:1 sebelum maskernya dipasang, jadi potret tegak tidak berakhir gepeng. Sesudah itu naikkan ketebalan bingkainya ke kisaran 10 sampai 30 px lalu pilih warnanya. Ekspor ke PNG supaya area di sekeliling lingkaran tetap transparan di latar mana pun — format inilah yang diterima LinkedIn, Discord, WhatsApp, dan sebagian besar sistem avatar.
Bisakah hanya sebagian sudut yang dibulatkan?
Bisa. Pada bentuk sudut membulat ada empat tombol, satu untuk tiap sudut. Matikan tombol untuk sudut yang harus tetap bersiku — berguna untuk gambar yang menempel di bagian atas sebuah kartu, yang hanya butuh sudut bawahnya membulat, atau untuk banner yang menempel ke salah satu tepi layar.
Apakah bingkai memperbesar ukuran gambarnya?
Ya. Bingkainya digambar di luar foto, jadi gambar 800×600 px dengan bingkai 20 px menghasilkan file 840×640 px. Area gambar aslinya tetap utuh seluruhnya, tanpa terpotong. Dimensi akhirnya tampil di bawah pratinjau.
Lanjutkan dengan alat lain
Artikel terkait
Lihat semua artikel →