Potong Gambar Jadi Lingkaran Gratis Daring — Pembuat Foto Profil Bulat

Lingkaran atau kotak membulat: bentuk mana yang dipakai

Bentuknya sebenarnya bukan pilihan Anda — platform menerapkan maskernya sendiri saat merender avatar Anda, dan itu tidak bisa ditimpa. Yang benar-benar Anda pilih adalah apakah berkas Anda cocok dengan masker itu.

Ini penting karena lingkaran memotong sekitar 21% dari sebuah persegi, semuanya di bagian sudut. Kalau Anda memotong sendiri jadi lingkaran, Anda bisa melihat persis apa yang tersisa. Kalau Anda mengunggah persegi utuh dan berharap saja, lingkaran platform akan memangkas apa pun yang kebetulan ada di sudut itu: ujung topi, bahu, separuh logo.

Aturan praktisnya: wajah cocok dengan lingkaran, logo bertulisan cocok dengan kotak membulat. Wajah sudah kurang lebih bulat, jadi sudut-sudutnya memang tidak pernah membawa informasi. Logo bertulisan biasanya lebih lebar daripada tinggi, dan lingkaran memangkas ujung-ujung katanya. Itulah sebabnya Slack, iOS, dan Play Store memakai kotak membulat untuk ikon, sementara semua jejaring sosial memakai lingkaran untuk orang.

Kenapa PNG transparan sepadan dengan byte tambahannya

Lingkaran yang dipotong ke dalam JPG sebenarnya bukan lingkaran. JPG tidak punya kanal alfa, jadi keempat sudutnya harus berisi sesuatu — biasanya putih. Di halaman putih tidak ada yang sadar. Taruh avatar itu di tema gelap, kartu berwarna, salindia presentasi, atau hamparan video, dan empat segitiga putih akan muncul mengelilingi kepala.

PNG dan WebP sama-sama punya kanal alfa, jadi sudut-sudutnya menyimpan “tidak ada apa-apa” dan lingkarannya menyatu bersih di atas latar apa pun. Itulah sebabnya PNG jadi pilihan bawaan di sini. WebP melakukan tugas yang sama dengan kira-kira sepertiga byte-nya dan semua browser terkini membacanya — tetapi beberapa formulir unggah dan aplikasi desktop lama masih menolak ekstensinya, jadi PNG tetap pilihan aman saat Anda menyerahkan berkas ke sistem orang lain.

Satu-satunya alasan memakai JPG adalah batas ukuran. Kalau sebuah formulir mengharuskan JPG atau membatasi Anda pada beberapa puluh kilobyte, pilih JPG di sini dan setel warna latar sesuai warna yang benar-benar dipakai halaman tujuan, supaya sudut-sudutnya lenyap ke dalamnya.

Membingkai wajah yang tetap terbaca pada 32 piksel

Avatar Anda hampir tidak pernah dilihat pada ukuran saat Anda mengekspornya. Di utas komentar, lebarnya 32 sampai 40 piksel. Pada ukuran itu yang bertahan hanyalah garis luar kepala, kontras antara wajah dan latar, dan kira-kira posisi mata. Sisanya bubur.

Jadi potonglah lebih rapat daripada yang terasa wajar. Isi sekitar 60–70% tinggi lingkaran dengan kepala, letakkan mata sedikit di atas garis tengah, dan sisakan sedikit ruang di atas rambut supaya potongannya tidak terkesan asal. Latar yang ramai adalah kesalahan paling umum: ia berebut piksel yang sedikit itu dan mengubah seluruh gambar mini jadi noise. Kalau latar Anda berantakan, latar polos atau buram di belakang potongan lingkaran akan lebih terbaca di semua ukuran.

Satu uji praktis: ekspor avatarnya, lalu lihat di penjelajah berkas pada setelan gambar mini terkecil. Kalau Anda sendiri tidak bisa mengenali diri Anda, orang lain juga tidak.

Squircle iOS, dijelaskan

Ikon aplikasi Apple bukan persegi panjang membulat. Persegi panjang membulat menyambungkan sisi lurusnya ke sudut seperempat lingkaran, dan kelengkungannya melompat mendadak di sambungan itu — mata Anda membacanya sebagai patahan halus. Apple justru memakai superelips , yang kelengkungannya naik perlahan dari tepi, sehingga garis luarnya sama sekali tidak punya transisi yang terlihat. Para desainer menyebut hasilnya squircle.

Canvas hanya bisa menggambar sudut busur lingkaran, jadi mode kotak membulat di sini adalah pendekatan persegi panjang membulat, bukan superelips sungguhan. Pada ukuran avatar selisihnya satu-dua piksel di tiap sudut dan tidak akan ada yang menyadarinya. Setel radius sudut ke sekitar 22% dari sisi dan Anda mendapat proporsi yang sama seperti yang dipakai Apple untuk ikon aplikasi; alat ini memakai 24% secara bawaan, yang cocok dengan cara Slack dan sebagian besar aplikasi obrolan memasker avatar mereka.

Penggesernya sampai 50%, dan itu memang lingkaran — kotak membulat yang radius sudutnya mencapai separuh sisi tidak menyisakan tepi lurus sama sekali. Kesinambungan itulah alasan kedua bentuk ini berbagi satu jalur kode di sini, bukan menjadi dua alat terpisah.

Bingkai, dan kenapa bisa terpotong

Cincin di sekeliling avatar adalah cara bagus untuk memisahkannya dari latar yang ramai, dan itu satu-satunya sentuhan gaya yang bertahan dari masker platform — asalkan cincinnya berada di dalam gambar Anda, bukan mengelilinginya.

Ini perlu dijelaskan dengan tepat. Kalau sebuah alat menambahkan bingkai 6 px di luar lingkaran 320 px, berkasnya menjadi 332 px, lalu platform menyekalakan ulang dan menerapkan lagi masker lingkarannya sendiri — yang memotong tepat di tengah cincin Anda dan membuatnya tidak rata. Alat ini menggambar bingkainya di dalam ukuran yang Anda minta, jadi 320 px tetap 320 px dan cincinnya duduk persis di tepi yang diharapkan masker. Penggeser bingkai dibatasi 12% dari sisi karena alasan yang sama: lebih dari itu, ia berhenti menjadi cincin dan mulai menjadi pigura.

Kenapa memotong di browser lebih privat

Kebanyakan situs “potong lingkaran daring” mengunggah foto Anda, memotongnya di server, dan mengirimkannya kembali. Untuk foto wajah Anda sendiri, itu perbedaan yang berarti: ada salinan di cakram milik orang lain, tunduk pada kebijakan retensi mereka bulan ini, dan sering kali pada klausul syarat layanan yang memberi mereka lisensi atasnya.

Resizo tidak punya backend yang menerima gambar. Pemotongan berjalan di tab Anda lewat API canvas milik browser sendiri. Dua cara memeriksanya: buka panel Network di browser Anda dan perhatikan bahwa tidak ada yang dikirim selama Anda memotong, atau putuskan koneksi internet setelah halaman termuat lalu tetap memotong — tetap berfungsi.

Efek samping yang berguna: proses pengodean ulang membuang metadata EXIF, sehingga koordinat GPS dan stempel waktu yang ditulis ponsel Anda ke berkas asli tidak ikut bersama avatar yang Anda unggah ke publik. Kalau Anda butuh metadata itu, simpan berkas aslinya.