Cara Membuat Favicon

Favicon moden adalah lebih daripada imej 16×16. Berikut ialah aliran kerja penuh untuk persediaan yang kelihatan jelas pada setiap penyemak imbas, OS dan peranti.

6 minit bacaan

Apakah favicon?

Favicon ialah ikon kecil yang ditunjukkan oleh penyemak imbas dalam tab, bar penanda halaman dan senarai sejarah. Pada mudah alih ia adalah ikon skrin utama. Pada Windows ia ialah ikon pintasan.

Tapak moden menyediakan berbilang resolusi dan format supaya setiap permukaan mendapat paparan yang jelas.

Sediakan imej sumber anda

Mulakan daripada imej segi empat sama yang sekurang-kurangnya 512×512 — idealnya SVG dengan segi empat sama viewBox. Apa-apa yang lebih kecil akan kabur apabila dikecilkan.

Elakkan garis nipis dan teks kecil. Mereka hilang pada 16×16.

Hasilkan .ico berbilang saiz

Himpunan 16, 32, 48, 64, 128 dan 256 dalam satu favicon.ico. Pelayar memilih saiz yang betul secara automatik.

Penjana favicon kami melakukan bahagian pelanggan ini dalam masa kurang satu saat.

Tambahkan teg HTML

Lepaskan favicon.ico ke dalam akar tapak anda. Kemudian tambahkan ikon SVG, apple-touch-icon dan manifes dalam <head> untuk persediaan lengkap.

Sahkan dalam setiap penyemak imbas

Muat semula keras dalam Chrome, Safari, Firefox dan Edge. Semak bar penanda halaman, tab dan pemasangan skrin utama.

Cuba alat

Teruskan membaca

Teroka FetchFavicon

Kategori

Penukar

Utiliti

Pemandu

Tutorial