Jalur mulai
Tanpa menginstal perangkat lunak — semuanya di halaman web, diperbarui secara real-time.
Klik pilih atau seret gambar ke halaman. Mendukung JPG, PNG, WebP, dan GIF, maksimal 20MB — satu gambar per sesi.
Seret slider sudut untuk menyesuaikan keempat sudut secara real-time, dengan pratinjau yang langsung diperbarui.
Nyalakan border atau bayangan sesuai kebutuhan, mengatur warna, lebar, opacity, dan rentangnya — kamu juga bisa mengatur warna latar kanvas.
Setelah puas dengan hasilnya, klik unduh — gambar dibuat ulang dengan pengaturan saat ini dan disimpan ke perangkatmu.
Pemecahan masalah
Tidak. Alat ini dirancang untuk sentuhan akhir satu gambar, karena radius sudut atau kekuatan bayangan yang tepat biasanya bergantung pada proporsi dan tujuan gambar individual — misalnya, screenshot persegi dan banner panjang membutuhkan rasio sudut yang sangat berbeda, dan menerapkan pengaturan yang sama ke keduanya sering terlihat tidak cocok. Jadi dirancang untuk menyesuaikan satu gambar pada satu waktu. Jika perlu memproses banyak gambar, buka dan sesuaikan satu per satu.
Selesai sepenuhnya di browser perangkat saat ini. Pratinjau langsung memakai gaya CSS border, sudut, dan bayangan native browser untuk rendering instan, dan saat kamu mengunduh, gambar akhir digambar ulang dengan Canvas menggunakan parameter yang sama — gambar aslimu tidak pernah diunggah ke server mana pun.
Bayangan perlu meluas ke luar beberapa jarak agar terlihat — jika kanvas tetap seukuran asli, bayangan akan terpotong dan hilang. Jadi saat ekspor, kanvas otomatis melebar berdasarkan blur bayangan, jarak offset, dan lebar border saat ini, dan area ekstra diisi dengan warna latar pilihanmu (atau tetap transparan), memastikan bayangan ditampilkan sepenuhnya tanpa terpotong.
JPG tidak mendukung saluran transparansi. Jika kamu memilih latar transparan tetapi aslinya adalah JPG, area transparan otomatis menjadi putih — ini adalah batasan fundamental format JPG, bukan kesalahan pemrosesan. Jika butuh latar yang benar-benar transparan, unggah gambar PNG atau WebP, dan transparansi akan dipertahankan dalam hasil.
Semuanya dihitung sebagai proporsi dari lebar dan tinggi gambar sendiri, bukan nilai piksel tetap — jadi tidak peduli apakah gambar yang diunggah resolusi tinggi atau rendah, nilai slider yang sama menghasilkan efek proporsional yang secara visual konsisten. Apa yang kamu lihat di pratinjau cocok tepat dengan apa yang kamu dapatkan di gambar akhir yang diunduh.
Pemrosesan pada dasarnya menggambar ulang dan meng-encode ulang gambar: jika asli punya latar transparan, bagian transparan di luar sudut rounded dipertahankan (kecuali kamu memilih warna latar buram untuk mengisinya). Data EXIF dan metadata lokasi asli tidak dipertahankan setelah encode ulang — pakai alat «Bersihkan EXIF» jika secara khusus perlu melihat atau menghapus data itu.
Rendering dan ekspor selesai sepenuhnya di browser — gambar tidak melewati server mana pun
Pakai ketiga efek secara terpisah atau lapiskan bersama untuk mencakup sebagian besar sentuhan presentasi
Gambar diperbarui instan saat kamu menyeret slider — unduh setelah puas, tanpa tebak-tebakan
Tanpa daftar, tanpa bayar, tanpa batas pemakaian tersembunyi
Situasi yang cocok
Bukan daftar fitur, melainkan «kapan layak menyeret satu gambar ke sini». Tidak cocok? Ganti alat — jangan dipaksakan.
Tambahkan sudut rounded dan bayangan lembut ke screenshot antarmuka di landing page produk atau portofolio, mensimulasikan tampilan perangkat nyata dan membuat screenshot terlihat lebih rapi dan profesional.
Tambahkan border tipis dan bayangan halus ke gambar utama produk agar lebih berdimensi di atas latar putih, meningkatkan klik dan konversi.
Tambahkan sudut rounded ke cover blog atau foto profil, dipasangkan dengan warna latar untuk gaya visual yang konsisten yang membuat profil sosialmu terlihat lebih rapi.
Saran kombinasi
Skenario berbeda membutuhkan kombinasi parameter berbeda — cek referensi cepat ini dulu, lalu sesuaikan, alih-alih mulai dari nol.
| Kombinasi | Rentang yang direkomendasikan | Paling cocok untuk |
|---|---|---|
| Sudut ringan + bayangan lembut | Sudut 8%~15%, opacity bayangan 25%~40%, blur lebih besar, offset lebih kecil | Screenshot app/web untuk presentasi, meniru efek kartu mengambang |
| Sudut besar + tanpa bayangan | Sudut 25%+, bayangan dinonaktifkan | Avatar dan gambar bergaya ikon, untuk gaya visual rounded yang ramah |
| Border tipis + tanpa atau bayangan halus | Lebar border sempit, warna dekat latar atau putih | Foto produk e-commerce, menambah definisi terhadap latar putih |
| Sudut tajam + bayangan menonjol | Sudut 0%, opacity bayangan 40%+, offset lebih besar | Grafik promosi atau elemen poster yang menekankan rasa mengambang tiga dimensi |
Ini hanyalah titik awal umum — tampilan terbaik yang sebenarnya bergantung pada komposisi dan warna latar gambarmu. Kami merekomendasikan menyeret slider di area pratinjau dan membandingkan berulang kali untuk menemukan kombinasi yang cocok dengan gambar spesifikmu.
Catatan teknis
Saat kamu menyeret slider, pratinjau dirender instan memakai gaya CSS sudut, border, dan bayangan native browser; saat kamu klik unduh, API menggambar Canvas browser menggambar ulang dan meng-encode gambar memakai parameter proporsional yang sama persis, memastikan hasil unduhan cocok dengan pratinjau — semuanya di perangkatmu sendiri, tidak pernah menyentuh server.
Saat bayangan atau border lebar diaktifkan, efek perlu meluas ke luar di sekitar gambar agar ditampilkan sepenuhnya tanpa terpotong. Saat ekspor, kanvas otomatis menghitung margin yang dibutuhkan berdasarkan blur bayangan, jarak offset, dan lebar border saat ini, dan mengisi area ekstra dengan warna latar pilihanmu atau mempertahankannya transparan. Saat bayangan dan border keduanya mati (atau diatur ke 0), gambar yang diekspor mempertahankan ukuran yang sama dengan asli.
Tanpa akun. Puas baru batch; belum puas, ganti parameter dan ulangi.