Editor piksel favicon
Gambar favicon yang tajam piksel demi piksel – dari 16×16 hingga 64×64 – atau sempurnakan gambar yang diimpor, lalu ubah menjadi paket favicon lengkap hanya dengan satu klik.
Pintasan keyboard & tips
- BPensil
- EPenghapus
- GIsi warna
- IPipet warna
- LGaris
- RPersegi panjang
- OElips
- MGeser gambar (berputar ke sisi lain)
- XTukar warna utama dan warna sekunder
- #/Tampilkan/sembunyikan kisi
- Ctrl+ZUrungkan
- Ctrl+YCtrl+Shift+ZUlangi
- +-0Perbesar, perkecil, sesuaikan
- ShiftGaris lurus, persegi sempurna, dan lingkaran
- ←→Geser gambar (alat Geser)
- EscBatalkan bentuk saat ini
Klik kanan untuk melukis dengan warna sekunder. Pada layar sentuh, jari kedua membatalkan goresan saat ini.
Cara menggambar favicon 16×16 yang bagus
Favicon biasanya hanya ditampilkan dalam ukuran 16 atau 32 piksel, jadi setiap piksel sangat berarti. Menggambarnya secara manual pada kisi piksel memberi Anda tepi yang tajam dan kendali penuh – sesuatu yang jarang dicapai oleh logo yang diperkecil secara otomatis.
Mulailah dengan kanvas 16×16 dan buat desain tetap sederhana: satu huruf tebal, simbol sederhana, atau bagian logo Anda yang paling mudah dikenali. Gunakan kontras yang kuat agar ikon tetap terbaca di tab browser terang maupun gelap, dan periksa pratinjau langsung saat Anda menggambar.
Jika Anda sudah puas dengan hasilnya, klik "Buat favicon dari ini". Generator akan menjaga piksel tetap tajam dan membuat favicon.ico, ikon PNG, Apple touch icon, dan ikon Android dari gambar Anda.
Tips untuk favicon pixel art yang tajam
- Gunakan dua hingga empat warna – terlalu banyak gradasi akan menjadi noise pada ukuran kecil.
- Sisakan margin 1 piksel atau isi seluruh persegi; hindari bentuk yang hanya menyentuh beberapa sisi.
- Pilih garis horizontal dan vertikal; garis diagonal paling bagus pada sudut 45 derajat.
- Gunakan mode cermin untuk ikon simetris dan warna transparan untuk area tembus pandang.
- Gambar dalam 32×32 atau 48×48 jika ikon Anda detail – ukuran lebih besar digunakan pada layar resolusi tinggi.