Konversi PNG ke ICO (favicon)

Favicon adalah ikon kecil yang ditampilkan browser di tab, bilah bookmark, dan riwayat. Alat ini mengubah PNG menjadi file .ico multi-ukuran yang benar, berisi versi 16, 32, 48, dan 64 piksel, dibangun sepenuhnya di perangkat Anda tanpa unggahan.

Cara mengonversi PNG ke ICO

Letakkan gambar PNG Anda di alat di bawah. Gambar persegi paling cocok.
Format keluaran sudah diatur ke ICO (favicon).
Klik jalankan untuk membuat .ico multi-ukuran.
Unduh favicon.ico Anda dan letakkan di root situs Anda.

Apa yang harus dilakukan favicon

Favicon ditampilkan pada ukuran sangat kecil, sering 16 piksel persegi. Pada ukuran itu, detail halus menghilang dan garis tipis lenyap sama sekali. Favicon yang baik adalah bentuk sederhana yang tegas dengan kontras kuat: satu huruf, versi sederhana dari tanda logo, atau bentuk padat dalam warna merek. Jika logo lengkap Anda punya wordmark, gunakan hanya simbolnya, atau hanya huruf pertama.

Alasan file .ico berisi beberapa ukuran adalah menskalakan satu gambar naik atau turun saat ditampilkan tampak kabur. Dengan menyediakan versi 16, 32, 48, dan 64 piksel, sistem operasi atau browser bisa menampilkan gambar yang tepat piksel di setiap konteks: 16 px di tab, 32 px di daftar bookmark layar high-DPI, 48 px di pintasan taskbar Windows, dan seterusnya.

Menyiapkan PNG sumber

Buat persegi. Jika logo Anda lebar, letakkan di kanvas transparan persegi dulu, atau potong ke simbolnya dengan alat potong.
Mulai dari 256 piksel atau lebih besar. Memperkecil dari sumber besar dan bersih memberi hasil lebih halus daripada memperbesar yang kecil.
Pertahankan latar transparan jika bentuknya padat, agar duduk baik di tema browser terang maupun gelap. Jika bentuknya tipis atau berwarna terang, letakkan di persegi bersudut bulat yang padat.
Hindari teks lebih dari satu atau dua karakter; tidak akan terbaca pada 16 piksel.

Memasang favicon

Simpan file yang diunduh sebagai favicon.ico dan letakkan di folder root situs Anda. Lalu tambahkan ini di dalam <head> setiap halaman:

<link rel="icon" href="/id/favicon.ico" sizes="any">

Kebanyakan platform punya pengaturan khusus: WordPress menyebutnya Site Icon di bawah Appearance, Shopify dan Squarespace punya kolom Favicon di pengaturan tema, dan Webflow punya di Project Settings. Unggah .ico di sana.

Melangkah lebih jauh

Untuk set ikon lengkap yang diminta perangkat modern, Anda juga butuh PNG 180 piksel untuk pintasan layar utama iOS (apple-touch-icon) dan PNG 192 dan 512 piksel untuk Android dan manifest aplikasi web. Itu file PNG biasa, jadi gunakan alat ubah ukuran untuk menghasilkannya dari master yang sama. File .ico dari halaman ini mencakup tab browser, bookmark, dan Windows, tempat kebanyakan orang menyadari favicon yang hilang.

Pertanyaan yang sering diajukan

Berapa ukuran PNG sumber yang sebaiknya?

Persegi, dan setidaknya 64 kali 64 piksel. PNG persegi 256 piksel memberi hasil perkecilan paling bersih. Gambar non-persegi dipusatkan dan diisi transparansi.

Apa isi file .ico?

Empat gambar berenkode PNG pada 16, 32, 48, dan 64 piksel. Browser dan Windows memilih ukuran yang paling sesuai konteks, jadi ikon tampak tajam di tab, bookmark, dan pintasan desktop.

Bagaimana cara menambahkan favicon ke situs web saya?

Unggah favicon.ico ke root situs Anda (sehingga bisa diakses di situsanda.com/favicon.ico) dan tambahkan <link rel="icon" href="/favicon.ico"> di dalam <head> halaman Anda. Browser menyimpan cache favicon secara agresif, jadi hard refresh mungkin diperlukan untuk melihat perubahannya.

Apakah saya masih butuh file .ico di 2026?

Browser modern menerima favicon PNG dan SVG, tapi .ico adalah satu-satunya format yang bekerja di mana saja, termasuk browser lama, pintasan Windows, dan beberapa pembaca feed. Kebanyakan situs menyediakan keduanya.

File Anda tidak pernah meninggalkan perangkat Anda

Setiap alat di Squishly Tools 100% gratis dan berjalan sepenuhnya di dalam browser Anda. Gambar dan dokumen Anda diproses di komputer Anda sendiri dan tidak pernah diunggah ke server. Tanpa akun, tanpa watermark, dan tanpa jebakan.