Apa itu Konverter Gambar ke ICO?

Alat ini mengonversi gambar PNG, JPEG, dan format lainnya menjadi file ICO untuk favicon situs web dan ikon aplikasi. Anda bisa menggabungkan beberapa ukuran ikon ke dalam satu file ICO, sehingga satu unggahan mencakup semuanya dari tab browser hingga pintasan desktop.

Wadah ICO menampung beberapa bitmap berukuran berbeda di dalam satu file, jadi satu favicon.ico bisa sekaligus tampil tajam 16 piksel di tab browser dan 256 piksel sebagai ikon aplikasi Windows. Setiap ukuran disampling ulang dengan filter berkualitas dan transparansinya dipertahankan, sehingga logo dengan sudut membulat atau bayangan halus tetap bersih di ukuran kecil.

Cara menggunakan

  1. Unggah gambar sumber Anda — PNG, JPEG, WebP, SVG, GIF, BMP, TIFF, dan HEIC semuanya didukung.
  2. Pilih ukuran ikon yang dibutuhkan (16x16, 32x32, 48x48, 64x64, 128x128, 256x256) atau pilih semua untuk paket favicon lengkap.
  3. Klik Convert untuk membuat file ICO dengan semua ukuran yang dipilih, lalu unduh hasilnya.

Kapan menggunakan

  • Membuat favicon.ico untuk root situs atau blog.
  • Menyiapkan ikon pintasan Windows atau penginstal dari logo PNG.
  • Mengganti favicon lama beresolusi rendah yang buram di tab Retina.

Hasil

Seorang web developer mengunggah logo perusahaan dalam format PNG 512x512 dan memilih ukuran 16x16, 32x32, serta 48x48 untuk membuat file favicon.ico standar bagi situs web mereka.

FAQ

Ukuran mana yang sebenarnya dibutuhkan di favicon.ico?
Untuk situs modern, 16, 32, dan 48 sudah menutup tab browser, taskbar, dan sebagian besar pintasan yang disematkan. Tambahkan 64 dan 256 jika pengguna Windows akan menyematkan situs ke desktop atau Anda ingin ikon yang tajam di jump list Edge.
Kenapa logo saya kelihatan buram di 16x16?
Logo berdetail kehilangan keterbacaan saat turun di bawah 32 piksel. Mulai dari sumber persegi 512 atau 1024, hapus teks halus, dan periksa pratinjau 16 piksel sebelum mengunduh. Versi mark yang disederhanakan hampir selalu lebih jelas dibanding logo penuh.
Apakah file ICO tetap mempertahankan transparansi dari PNG?
Ya. Setiap bitmap di dalamnya menyimpan kanal alpha 8 bit penuh, jadi transparansi PNG ikut terbawa. Simpan sumber dengan latar transparan dan ikon akan tampil rapi pada tema browser apa pun, terang atau gelap.
Bolehkah saya mengunggah SVG alih-alih PNG?
Boleh. SVG diraster di tiap ukuran yang dipilih sebelum dibungkus ke ICO, hasilnya lebih tajam dibanding membesarkan satu bitmap beresolusi rendah. Bila Anda punya file vektor asli, itu input terbaik.
Di mana sebaiknya file favicon.ico diletakkan di server?
Di root situs, misalnya situsAnda.com/favicon.ico. Browser otomatis meminta path ini meski tidak ada tag link di HTML. Anda juga bisa menambahkan tag link rel=icon untuk menimpa lokasi defaultnya.

Alat terkait