Penjana Favicon

Tukarkan satu PNG, JPG atau SVG kepada favicon.ico dan setiap saiz ikon yang diperlukan oleh tapak anda, dibungkus ke dalam ZIP.

Imej bukan segi empat sama

Keseluruhan imej kekal kelihatan, diletakkan di tengah dengan ruang kosong di sekelilingnya.

Latar belakang

Lut sinar sesuai untuk tab penyemak imbas; untuk ikon skrin utama iPhone, warna latar belakang adalah lebih selamat.

Pek ikon anda

Favicon dan pek ikon anda akan dipaparkan di sini.

Sedia. Tambahkan PNG, JPG atau SVG untuk bermula.

Imej anda ditukarkan kepada ikon dalam penyemak imbas anda. Tiada apa-apa yang dimuat naik ke BroBroGo.

Soalan Lazim

Fail apakah yang terkandung dalam pek ikon?

favicon.ico dengan versi 16, 32 dan 48 piksel di dalamnya, ikon PNG pada 16, 32, 180, 192 dan 512 piksel, serta site.webmanifest yang menyenaraikan ikon besar. Mulakan daripada SVG dan vektor itu sendiri turut disertakan. Satu fail ZIP menyimpan segala-galanya.

Apakah saiz imej sumber saya yang sepatutnya?

SVG adalah ideal — setiap ikon dilukis daripada vektor, jadi saiz 16 piksel pun kekal tajam. Untuk PNG atau JPG, mulakan daripada sekurang-kurangnya 512 × 512; imej yang lebih kecil akan dipertingkatkan saiznya dan boleh kelihatan kurang tajam.

Adakah latar belakang sepatutnya lut sinar atau berwarna?

Ikon tab kelihatan elok dengan latar belakang lut sinar. Walau bagaimanapun, skrin utama iPhone dan iPad akan mewarnakan kawasan lut sinar menjadi hitam — jika orang mungkin menambahkan tapak anda pada skrin utama mereka, pilih warna latar belakang.

Apakah yang berlaku kepada imej yang bukan berbentuk segi empat sama?

Ikon adalah berbentuk segi empat sama, tetapi imej anda tidak akan diregangkan. Secara lalai ia diletakkan di tengah dengan ruang kosong di sekelilingnya; tukar kepada "Isi (pangkas)" untuk memangkas bahagian tepi yang berlebihan.

Di manakah fail tersebut perlu diletakkan di tapak saya?

Muat naik fail tersebut ke folder akar tapak anda, supaya favicon.ico boleh diakses sebagai /favicon.ico, kemudian tampal baris yang dijana ke dalam <head> halaman anda. Penyemak imbas akan memilih saiz yang betul dengan sendirinya.