Gubuku – Pernah bikin ikon yang kelihatan aesthetic dan tajam pas ukuran besar, tapi begitu dikecilkan jadi 16×16 pixel langsung berubah jadi gumpalan blur yang pikselnya berantakan? Tenang, kamu enggak sendirian. Di dunia digital design, bikin favicon atau ikon mikro itu ibarat menata kamar kosan super sempit: ruangannya terbatas, tapi semua barang penting harus muat dan tetap kelihatan rapi.

Bikin micro-icon yang presisi di ukuran ekstrem butuh trik khusus supaya desain kamu enggak “pecah” dan tetap crisp. Yuk, bantai tuntas cara mainnya!

1. Aktifkan Snap to Grid (Senjata Wajib!)

Lupakan freehand sejenak. Saat main di kanvas 16×16 pixel, setiap garis harus mendarat tepat di koordinat piksel yang utuh.

• Turn on feature Pixel Grid dan Snap to Pixel di Figma atau Illustrator.

• Hindari menggunakan koordinat dengan angka desimal (misalnya $X: 4.3$ atau $Y: 8.7$). Pastikan selalu angka bulat ($X: 4$, $Y: 9$) biar garis enggak kelihatan buram di layar.

2. Pangkas Detail Enggak Penting (Prinsip Minimalis)

Kamu enggak bisa memaksakan desain rumit ke dalam ruangan $16 \times 16$ titik.

• Buang bayangan (drop shadow), gradasi rumit, dan sudut berlebihan.

• Ambil inti bentuknya saja. Kalau mau bikin ikon kamera, cukup gambar bentuk dasar persegi panjang dan lingkaran lensa di tengah. Simpel, langsung mengenali!

3. Kontrol Ketebalan Line (Stroke)

Di resolusi mini, ketebalan stroke 1.5pt adalah musuh utama yang bikin desain terlihat “tanggung” dan buram.

• Gunakan ketebalan angka bulat: 1px untuk garis standar atau 2px untuk garis tebal/tegas.

• Posisi stroke sebaiknya diatur ke Inside atau Outside tergantung kebutuhan grid, alih-alih Center, agar tidak memotong piksel secara acak.

4. Uji Pakai Optical Alignment, Bukan Cuma Matematika

Secara hitungan matematika, bentuk segitiga (seperti tombol Play) mungkin sudah ada di tengah kanvas. Tapi secara visual, segitiga bakal kelihatan lebih berat ke kiri.

penulis: zahra dari smkss2