Unggah satu gambar, geser slider untuk atur radius sudut bulat secara real-time, aktifkan border untuk atur warna dan lebar, aktifkan bayangan untuk atur kekuatan dan jarak proyeksi, plus bisa kustom warna background canvas — cocok untuk screenshot app, retouch foto produk, mempercantik cover media sosial, semua diselesaikan di browser lokal, tidak diunggah ke server.
Rendering dan ekspor efek sepenuhnya di browser lokal, gambar tidak melewati server mana pun
Ketiga efek bisa dipakai sendiri-sendiri atau digabung, mencakup sebagian besar kebutuhan retouch dan tampilan
Geser slider, tampilan langsung update, unduh setelah puas, tidak perlu coba-coba berulang
Tidak perlu daftar, tidak perlu bayar, dan tidak ada batasan pemakaian tersembunyi
Skenario Umum
Baik untuk tampilan screenshot app maupun retouch foto produk, mengatur sudut bulat, border, dan bayangan yang tepat bisa meningkatkan kesan visual secara keseluruhan.
Tambahkan sudut bulat dan bayangan lembut pada screenshot interface di halaman pengenalan produk atau portofolio, mensimulasikan tampilan perangkat asli, membuat screenshot terlihat lebih rapi dan profesional.
Tambahkan border tipis dan bayangan ringan pada foto utama produk, membuat foto produk lebih berdimensi di atas background putih, meningkatkan klik dan konversi.
Tambahkan efek sudut bulat pada cover akun atau foto profil, dipadukan dengan warna background yang konsisten agar tampilan visual profil media sosial terlihat lebih rapi dan menarik.
Saran Kombinasi
Skenario berbeda cocok dengan kombinasi parameter yang berbeda, lihat tabel referensi ini dulu baru sesuaikan lagi, akan lebih cepat menemukan hasil yang memuaskan daripada mencoba dari nol.
| Kombinasi Efek | Rentang Parameter yang Disarankan | Cocok untuk Skenario |
|---|---|---|
| Sudut Bulat Ringan + Bayangan Lembut | Sudut bulat 8%~15%, transparansi bayangan 25%~40%, jangkauan blur lebih besar, jarak proyeksi lebih kecil | Tampilan screenshot App/web, mensimulasikan efek kartu melayang |
| Sudut Bulat Besar + Tanpa Bayangan | Sudut bulat di atas 25%, bayangan tidak diaktifkan | Foto profil, ikon, mengutamakan gaya visual yang bulat dan lucu |
| Border Tipis + Tanpa Bayangan atau Bayangan Ringan | Lebar border tipis, warna mendekati warna background atau putih | Foto produk toko online, menambah kesan batas di atas background putih |
| Siku Tajam + Bayangan Jelas | Sudut bulat 0%, transparansi bayangan di atas 40%, jarak proyeksi lebih besar | Materi promosi atau poster yang menonjolkan kesan melayang 3D |
Kombinasi di atas hanya panduan umum, hasil sebenarnya tergantung komposisi dan warna background gambar itu sendiri, disarankan menggeser slider di area preview dan membandingkan berulang kali untuk menemukan kombinasi parameter yang paling sesuai dengan gambarmu.
Cara Pakai
Tidak perlu instal software apa pun, semua selesai langsung di halaman web, tampilan terupdate secara real-time.
Klik untuk pilih atau seret gambar langsung ke halaman, mendukung JPG, PNG, WebP, GIF, maksimal 20MB per gambar, hanya memproses satu gambar per proses.
Geser slider sudut bulat untuk mengatur lengkungan keempat sisi secara real-time, tampilan preview langsung terupdate.
Aktifkan border dan bayangan sesuai kebutuhan, atur warna, lebar, transparansi, dan jangkauan masing-masing, plus bisa atur warna background canvas.
Setelah puas dengan hasilnya, klik unduh, gambar akan dibuat ulang sesuai pengaturan saat ini dan disimpan ke perangkatmu.
Penjelasan Teknis
Saat menggeser slider, tampilan preview menggunakan style CSS sudut bulat, border, dan bayangan native browser untuk render langsung; saat klik unduh, akan digambar ulang dengan API Canvas browser sesuai parameter rasio yang benar-benar sama dan di-encode menjadi file gambar, memastikan hasil unduhan konsisten dengan tampilan preview, semuanya diselesaikan di perangkatmu, tidak melewati server mana pun.
Setelah mengaktifkan bayangan atau border yang lebih lebar, efeknya perlu melebar ke segala arah gambar dalam jangkauan tertentu agar tampil lengkap tanpa terpotong; saat diekspor, canvas akan otomatis menghitung margin yang perlu ditambahkan sesuai jangkauan blur bayangan, jarak proyeksi, dan lebar border saat ini, area tambahan diisi sesuai warna background yang dipilih atau tetap transparan. Kalau tidak butuh bayangan dan border (keduanya dimatikan atau nilainya 0), ukuran gambar hasil ekspor akan tetap sama dengan gambar asli.
FAQ
Tidak. Alat ini diposisikan untuk retouch satu gambar, karena radius sudut bulat dan kekuatan bayangan yang tepat biasanya perlu dipratinjau dan dikonfirmasi satu per satu sesuai rasio dan tujuan gambar tersebut — misalnya screenshot berbentuk kotak dan poster memanjang butuh rasio sudut bulat yang jelas berbeda, kalau pakai parameter yang sama hasilnya bisa jadi tidak pas, jadi alat ini didesain untuk penyesuaian detail per gambar. Kalau butuh proses beberapa gambar, silakan buka dan atur satu per satu.
Sepenuhnya diselesaikan di browser perangkatmu, preview real-time menggunakan style CSS border, sudut bulat, dan bayangan native browser untuk render langsung, saat diunduh akan digambar ulang dengan Canvas sesuai parameter yang sama untuk menghasilkan gambar final, semuanya tanpa mengunggah gambar asli ke server mana pun.
Karena bayangan perlu melebar keluar dalam jangkauan tertentu agar efek proyeksinya terlihat jelas, kalau canvas dibuat sama besar dengan gambar asli, bayangan akan langsung terpotong dan tidak terlihat; jadi saat diekspor, canvas otomatis melebar ke segala arah sesuai jangkauan blur bayangan, jarak proyeksi, dan lebar border yang diatur saat ini, area tambahan diisi sesuai warna background yang kamu pilih (atau tetap transparan), untuk memastikan bayangan tampil lengkap tanpa terpotong.
Format JPG memang tidak mendukung channel transparan, kalau pilih background transparan tapi gambar aslinya berformat JPG, area transparan otomatis diisi warna putih, ini keterbatasan bawaan format JPG, bukan kesalahan proses. Kalau butuh background transparan sesungguhnya, unggah gambar berformat PNG atau WebP, hasil setelah diproses akan tetap mempertahankan background transparan.
Semuanya dihitung berdasarkan rasio lebar dan tinggi gambar itu sendiri, bukan nilai piksel tetap, sehingga tidak peduli resolusi gambar yang diunggah besar atau kecil, nilai slider yang sama akan menghasilkan efek dengan proporsi visual yang konsisten, dan hasil yang terlihat di preview akan sama persis dengan gambar final setelah diunduh.
Proses ini pada dasarnya menggambar ulang dan melakukan encoding: kalau gambar asli punya background transparan, area transparan di luar sudut bulat tetap akan dipertahankan (kecuali kamu memilih warna background yang tidak transparan untuk mengisinya). Metadata EXIF gambar asli seperti info pemotretan dan lokasi tidak akan dipertahankan setelah encoding ulang, kalau butuh melihat atau menghapus EXIF secara khusus, gunakan alat “Lihat/Hapus EXIF”.
Tanpa daftar, tanpa menunggu, unduh langsung setelah selesai.