Panduan

Cara Membuat Favicon

Membuat favicon ialah kerja 60 saat: bermula dari segi empat sama, hasilkan .ico berbilang saiz dan pautkannya dalam HTML <head> anda. Panduan ini berjalan melalui setiap langkah.

Imej sumber anda hendaklah segi empat sama dan sekurang-kurangnya 512×512. SVG lebih baik — ia berskala tanpa kehilangan kualiti.

Persediaan berdaya maju minimum ialah satu berbilang saiz favicon.ico. Persediaan moden juga termasuk pasangan SVG, 180×180 apple-touch-icon dan pasangan 192×192 + 512×512 PNG untuk gesaan pemasangan PWA.

Cara ia berfungsi

  1. 1

    Sediakan sumber segi empat sama

    512×512 PNG atau SVG dengan segi empat sama viewBox.

  2. 2

    Menjana

    Gunakan penjana favicon kami untuk menggabungkan semua saiz menjadi satu .ico.

  3. 3

    Pasang

    Lepaskan favicon.ico ke dalam akar tapak anda dan pautkannya dalam <head>.

Cuba sekarang

Cipta favicon anda sekarang

Penjana Favicon

Soalan lazim

Apakah alat yang paling mudah untuk membuat favicon?+

Penjana favicon kami — muat naik, klik jana, muat turun. Tiada pendaftaran, tiada muat naik ke pelayan.

Apakah saiz imej sumber saya?+

512×512 minimum. SVG adalah ideal.

Adakah saya memerlukan apple-touch-icon?+

Ya, jika anda mahukan ikon skrin utama yang bersih pada iOS. 180×180 PNG, dipautkan melalui <link rel="apple-touch-icon">.

Alat berkaitan

Lagi panduan

Panduan

Teroka FetchFavicon

Kategori

Penukar

Utiliti

Pemandu

Tutorial