UltKit

Ubah PNG ke ICO

Jadikan PNG persegi sebagai file .ico yang menampung beberapa ukuran ikon sekaligus, dari 16 px untuk tab browser hingga 256 px untuk Windows. Sudut dan tepi yang transparan tetap transparan.

Konverter Gambar

atau jatuhkan file JPG, JPEG, JPE … di sini ·

Maks. 95 MB per file· Hingga 20 file· Dihapus setelah 30 menit

Keluaran

File diproses di server kami dan dihapus setelah 30 menit.

Cara menggunakan alat ini

  1. 1

    Unggah PNG persegi

    Gunakan karya grafis minimal 256 × 256 px dengan latar transparan. Hingga 20 PNG per batch, masing-masing 95 MB.

  2. 2

    Pilih ukuran ikon

    Ukuran ikon dimulai dengan Semua ukuran (16–256), pilihan yang lazim. Pilih satu ukuran di Pengaturan lanjutan hanya jika sebuah program meminta ukuran itu secara tepat.

  3. 3

    Konversi dan pakai file .ico

    Tekan Konversi ke ICO, unduh filenya, lalu letakkan di root situs Anda atau arahkan pintasan Windows ke file tersebut. Unggahan dihapus setelah 30 menit.

ICO adalah kontainer kecil berisi gambar ikon, bukan satu gambar: satu file dapat memuat versi 16, 32, 48, dan 256 px, dan sistem memilih yang paling pas.

Ubah PNG ke ICO dengan beberapa ukuran dalam satu file

Format ICO berasal dari Windows 1.0 pada 1985, ketika ikon masih berupa bitmap mungil. Kuncinya ada pada direktori di awal file, yang mendaftar setiap gambar di dalamnya beserta lebar dan tingginya. Windows Vista (2007) mengizinkan gambar-gambar itu disimpan sebagai PNG, sehingga ikon 256 × 256 dengan transparansi halus muat dalam file yang cukup kecil untuk dimuat seketika.

Mengonversi PNG di sini membangun kontainer itu untuk Anda. Sumber diskalakan ke setiap ukuran, kanal alfa dipertahankan agar sudut membulat dan bayangan lembut tampak benar di latar gelap maupun terang, lalu semuanya ditulis ke dalam satu .ico. Mulailah dari karya grafis 256 px atau lebih besar; memperbesar PNG 32 px menjadi 256 hanya menghasilkan ikon besar yang buram.

1:1

16 × 16 px

Tab browser

Tab dan bookmark pada kerapatan piksel standar

1:1

32 × 32 px

Tab di layar high-DPI

Layar Retina dan penskalaan Windows 200%

1:1

48 × 48 px

Hasil penelusuran Google

Google meminta favicon persegi berkelipatan 48 px

1:1

256 × 256 px

Ikon sangat besar di Windows

Gambar terbesar yang dapat ditampung file ICO

PNG

Portable Network Graphics

PNG adalah format raster lossless (tanpa kehilangan kualitas) yang diterbitkan pada 1996 oleh PNG Development Group dan kemudian distandardisasi oleh W3C dan ISO. Format ini menyimpan setiap piksel secara persis, mendukung transparansi alfa penuh, dan menangani teks, tepi tajam, serta warna datar tanpa artefak. Ketepatan itu membuatnya ideal untuk tangkapan layar, logo, ikon, dan grafis antarmuka. Kekurangannya ada pada ukuran: foto yang disimpan sebagai PNG sering kali beberapa kali lebih besar daripada foto yang sama dalam JPEG atau WebP. Semua browser, sistem operasi, dan editor dapat membuka file PNG.

Kompresi
Lossless
Transparansi
Ya
Animasi
Tidak
Diperkenalkan
1996 · PNG Development Group
Konverter PNG

ICO

Ikon Windows

ICO adalah format ikon Microsoft yang digunakan untuk ikon program Windows dan favicon situs web. Satu file .ico dapat berisi beberapa gambar dengan ukuran berbeda, seperti 16×16, 32×32, 48×48, dan 256×256 piksel, sehingga sistem dapat memilih yang paling sesuai. Setiap gambar dapat disimpan sebagai bitmap atau data PNG dan mendukung transparansi alfa penuh. ICO tidak ditujukan untuk foto atau karya grafis berukuran besar. Browser, Windows, dan sebagian besar editor ikon dapat membacanya.

Kompresi
Lossless
Transparansi
Ya
Animasi
Tidak
Diperkenalkan
Microsoft
Konverter ICO

PNG adalah satu gambar dengan satu ukuran, sedangkan Windows dan browser menginginkan .ico yang menggabungkan beberapa ukuran agar setiap layar dapat memilih yang paling tajam; mengubah ICO kembali ke PNG hanya untuk mengambil karya grafisnya.

Favicon atau ikon Windows: ukuran apa yang dimasukkan ke ICO

Browser menggambar ikon tab pada 16 px, atau 32 px di layar high-DPI, dan Google Penelusuran menampilkan favicon dari dasar 48 px. Pertahankan Semua ukuran agar satu file mencakup ketiganya.

  • Simpan sebagai favicon.ico di root situs
  • Tambahkan PNG 180 × 180 untuk Apple touch icon secara terpisah

Menyiapkan karya grafis PNG yang tetap terbaca pada 16 px

Gagasan favicon berasal dari Internet Explorer 5 pada 1999, yang mencari file bernama favicon.ico di root situs ketika seseorang menyimpannya sebagai bookmark. Browser lain meniru perilaku ini, itulah sebabnya permintaan untuk path itu masih muncul di log server hingga kini.

Pada 16 × 16 hanya ada 256 piksel, jadi karya grafis harus tegas. Buang slogan dan garis luar tipis, pertahankan kontras kuat terhadap tema browser terang maupun gelap, dan sisakan satu piksel ruang di sekitar bentuk. Banyak merek hanya memakai huruf awal atau simbolnya. Jika logo Anda tersedia sebagai file vektor, konversikan dengan SVG ke ICO agar setiap ukuran digambar dari garis luar yang tajam.

Pertanyaan tentang PNG ke ICO

Bagaimana cara mengubah PNG ke ICO untuk favicon situs web?

Konversi dengan Semua ukuran terpilih, ganti nama hasilnya menjadi favicon.ico, lalu unggah ke folder root situs Anda. Browser meminta path itu dengan sendirinya, dan Anda juga bisa merujuknya dengan tag link rel="icon" di head halaman.

Mengapa ikon ICO saya tampak buram pada 16 piksel?

Karya grafis yang detail tidak bisa bertahan saat diperkecil ke 16 × 16, ketika satu huruf atau garis tipis menempati kurang dari satu piksel. Sederhanakan ukuran kecil: satu huruf atau bentuk tebal lebih mudah dibaca di tab browser daripada logo lengkap dengan teks.

Apa yang terjadi jika PNG untuk ikon ICO tidak persegi?

Ikon berbentuk persegi, jadi logo yang lebar akan diberi ruang kosong atau dipipihkan, tergantung program yang membacanya. Potong atau beri ruang pada PNG hingga menjadi kanvas persegi terlebih dahulu, agar Anda yang menentukan letak ruang kosongnya.

Bisakah saya memakai file .ico untuk mengganti ikon folder di Windows?

Bisa. Klik kanan folder, buka Properti > Kustomisasi > Ubah Ikon, lalu cari file .ico tersebut. Pintasan desktop bekerja dengan cara yang sama melalui Properti > Ubah Ikon.

Apakah saya masih perlu file ICO jika situs saya sudah punya ikon PNG?

Browser modern menerima ikon PNG dan SVG yang dideklarasikan di head halaman, tetapi sebagian alat, pembaca feed, dan browser lama masih meminta /favicon.ico secara langsung. ICO multi-ukuran yang kecil di lokasi itu mencegah error 404 di log Anda.