Format .ico masih dijangka tersedia di akar laman, dan kebanyakan penukar dalam talian meminta anda memuat naik imej ke pelayan mereka. Berikut cara mendapatkan favicon.ico berbilang saiz yang betul daripada PNG tanpa memuat naik apa-apa.
.ico bukan sekadar imej yang dinamakan semula
Menamakan semula logo.png kepada favicon.ico tidak mencukupi. ICO ialah format bekas dengan pengepalanya sendiri: ia menerangkan bilangan imej yang disimpan, dimensi setiap imej dan kedudukan permulaan setiap satunya dalam fail. PNG yang dinamakan semula tiada pengepala sedemikian dan pelayar yang lebih ketat enggan memaparkannya.
ICO yang betul membenamkan beberapa resolusi ikon yang sama. Pelayar membaca pengepala, memilih varian paling hampir dengan saiz yang diperlukan dan tidak perlu membesarkan imej.
Tukar PNG kepada ICO dalam tiga langkah
Langkah pertama, sediakan sumber. PNG segi empat sama sekurang-kurangnya 512×512 piksel memberikan hasil terbaik kerana setiap saiz dihasilkan dengan mengecilkan imej. Jika latar belakang imej lutsinar, tentukan sekarang sama ada mahu mengekalkannya: sesuai untuk tab, tetapi iOS dan Android akan menggantikannya dengan hitam.
Langkah kedua, jana resolusi. Fail hendaklah mengandungi sekurang-kurangnya 16×16, 32×32 dan 48×48. Pengubahan saiz mesti menggunakan penapis pensampelan semula berkualiti, jika tidak saiz kecil menjadi sukar dibaca.
Langkah ketiga, bungkus semuanya. Ketiga-tiga imej digabungkan dalam satu bekas ICO, dengan pengepala yang menerangkan setiap entri. Letakkan hasilnya di akar laman dengan nama favicon.ico, tempat pelayar boleh menemuinya walaupun tanpa tag HTML.
Mengapakah penukaran setempat penting
Kebanyakan penukar PNG kepada ICO memuat naik fail anda ke pelayan, memprosesnya dan menghantar hasil kembali. Logo anda, yang mungkin belum dilancarkan secara umum, berakhir pada mesin di luar kawalan anda, tertakluk pada dasar penyimpanan yang belum anda baca.
Namun pelayar moden boleh melakukan semuanya sendiri: menyahkod PNG, mengubah saiznya pada canvas, mengekod semula setiap saiz dan membina bekas ICO. Itulah yang dilakukan LFFavicon. Tiada permintaan membawa imej anda, dan menutup tab memadamkan semuanya.
Manfaatnya bukan sekadar teori: penukaran serta-merta, boleh dilakukan di luar talian selepas halaman dimuatkan, tanpa baris gilir atau had harian.
.ico sahaja tidak lagi mencukupi
Menukar PNG kepada ICO meliputi tab dan klien lama tetapi meninggalkan tiga konteks: pelayar moden yang mengutamakan SVG agar jelas pada semua saiz, skrin utama iOS yang memerlukan PNG legap 180×180, dan Android yang membaca manifes web.
Memandangkan imej tetap diproses, hasilkan seluruh set sekali gus. Itulah fungsi penjana: satu sumber menghasilkan .ico, SVG, ikon Apple Touch dan ikon manifes, dengan pratonton bagi setiap konteks sebelum dimuat turun.
Sumber utama
Soalan lazim
Saiz PNG apakah yang diperlukan untuk mencipta ICO?
Segi empat sama sekurang-kurangnya 512×512 piksel. Di bawah 128×128, saiz besar dalam pakej perlu dibesarkan dan hasilnya kabur. SVG lebih baik lagi kerana tiada had resolusi.
Adakah kelutsinaran dikekalkan dalam .ico?
Ya, format ICO menyokong saluran alfa penuh dan PNG lutsinar kekal lutsinar dalam tab. Namun perhatikan ikon iOS: sistem mengisi kawasan lutsinar dengan hitam, jadi berikannya latar belakang.
Di manakah fail favicon.ico patut diletakkan?
Di akar domain, boleh dicapai pada https://yoursite.com/favicon.ico. Pelayar dan perangkak meminta alamat tepat itu mengikut kebiasaan walaupun tiada tag link mengisytiharkannya.