tools / png-to-ico
png-to-ico/
Ubah PNG, JPG, WebP, atau SVG menjadi ikon ICO: satu file .ico menampung beberapa ukuran, siap dipakai sebagai favicon situs web atau ikon Windows, dengan transparansi tetap terjaga. Tidak ada yang diunggah; konversi berlangsung di browser Anda.
Pratinjau
Setiap ukuran ditampilkan dalam ukuran piksel sebenarnya; latar kotak-kotak menandai area transparan.
Cara mengubah PNG menjadi ICO
- Pilih atau seret gambar — PNG, JPG, WebP, SVG, GIF, dan BMP semuanya bisa.
- Pilih ukuran: pilih "Ikon Windows" untuk ikon aplikasi, pintasan, atau folder, atau "Favicon situs web" untuk ikon situs — atau centang ukuran sendiri.
- Periksa pratinjau tiap ukuran, lalu klik "Unduh ICO".
Ukuran apa saja yang sebaiknya ada di ICO?
Ikon Windows: Microsoft menyarankan minimal menyertakan 16, 24, 32, 48, dan 256. Windows mencari ukuran yang persis sama lebih dulu; jika tidak ada, Windows memperkecil ukuran yang lebih besar berikutnya, jadi dengan menyertakan 256 ikon Anda hanya akan diperkecil, tidak pernah diperbesar. Agar lebih tajam di layar high-DPI, centang juga 20, 40, dan 64.
Favicon situs web: tab browser memakai 16 dan 32; Google menyarankan favicon yang lebih besar dari 48×48 untuk hasil pencarian, sehingga preset menambahkan 64. Ubah nama file menjadi favicon.ico dan taruh di folder root situs Anda — browser biasanya membacanya secara otomatis — atau tambahkan baris ini di dalam head:
<link rel="icon" href="/favicon.ico">
Sebaiknya mulai dari gambar persegi berukuran minimal 256×256. Gambar kecil yang diperbesar ke 256 tampak buram; halaman akan memberi peringatan jika itu terjadi.
Tentang file ICO yang dihasilkan
- Ukuran di bawah 256 disimpan sebagai BMP 32-bit dengan kanal alfa dan mask agar paling kompatibel (ikon terkompresi PNG baru didukung mulai Windows Vista); ukuran 256 dikompres dengan PNG agar file tetap kecil.
- Transparansi dipertahankan apa adanya; JPG tidak punya transparansi, jadi warna latar aslinya tetap ada.
- Gambar yang tidak persegi bisa diberi tepi transparan atau dipotong menjadi persegi di bagian tengah.
- Gambar Anda hanya diproses di browser dan tidak pernah diunggah ke server mana pun.
Pertanyaan umum
Bisakah JPG atau SVG juga diubah menjadi ICO?
Bisa. SVG adalah format vektor, jadi setiap ukuran digambar ulang pada resolusi targetnya dan tetap tajam meski kecil.
Mengapa 16×16 tampak buram?
Gambar yang detailnya banyak memang sulit dibaca saat diperkecil menjadi 16 piksel. Untuk ukuran kecil, pakai grafik yang disederhanakan: garis tebal, sedikit atau tanpa teks, kontras kuat.
Ukuran apa saja di tiap preset, dan bisakah saya memilih sendiri?
"Ikon Windows" adalah 16, 24, 32, 48, dan 256; "Favicon situs web" adalah 16, 32, 48, dan 64; "Semua" adalah ke-10 ukuran dari 16 sampai 256. Anda bisa mencentang ukuran sendiri di baris ukuran, dan jika pilihan Anda tidak cocok dengan preset mana pun, tidak ada tombol preset yang disorot. Setidaknya satu ukuran harus dicentang.
Mengapa ICO jauh lebih besar daripada PNG saya?
Karena ukuran di bawah 256 disimpan sebagai bitmap 32-bit tanpa kompresi, sehingga ukuran yang lebih besar memakan ruang jauh lebih banyak: sekitar 17 KB untuk 64×64 dan sekitar 66 KB untuk 128×128. Preset "Favicon situs web" totalnya sekitar 31 KB, dan ukuran 16–48 pada "Ikon Windows" totalnya sekitar 17 KB, ditambah gambar 256 yang sudah dikompres. Agar file tetap kecil, lewati ukuran besar; 16 dan 32 saja sekitar 5 KB.
Berapa gambar yang bisa dikonversi sekaligus, dan apakah ada batas ukuran?
Satu per satu. Jika Anda menyeret beberapa gambar, hanya yang pertama yang dipakai dan halaman memberi tahu gambar mana yang dipakai. File gambar tidak boleh lebih dari 50 MB, dan bitmap tidak boleh lebih dari 100 juta piksel (SVG tidak dibatasi piksel). Semua ukuran dibuat dari satu gambar itu, jadi Anda tidak bisa memakai gambar berbeda untuk ukuran berbeda.
SVG saya menghasilkan proporsi yang salah atau ada bagian yang hilang. Apa yang perlu diperiksa?
Periksa apakah SVG punya width dan height atau viewBox. Jika hanya ada viewBox, rasio aspeknya yang dipakai; jika tidak ada satu pun, SVG diperlakukan sebagai 300×150, sehingga proporsinya akan keliru. Selain itu, gambar dan font eksternal yang dirujuk SVG tidak dimuat; sematkan gambar ke dalam SVG dan ubah teks menjadi path.
Bisakah HEIC, TIFF, atau GIF animasi diubah menjadi ICO?
HEIC dan TIFF tidak bisa; Anda akan melihat pesan "bukan format gambar yang didukung", jadi ubah dulu ke PNG atau JPG. GIF bisa dibaca tetapi hanya frame pertamanya yang dipakai, dan ICO memang tidak bisa menyimpan animasi. Format yang bisa dibaca adalah PNG, JPG, WebP, SVG, GIF, dan BMP; AVIF bisa jika browser Anda dapat mendekodenya.
Bisakah membuat file .icns macOS atau ikon aplikasi seluler?
Tidak. Alat ini hanya menghasilkan file .ico, untuk ikon Windows dan favicon situs web. File .icns macOS serta ikon aplikasi iOS atau Android memakai format dan spesifikasi yang berbeda, jadi Anda perlu alat yang dibuat untuk itu.