Panduan

Penjana Favicon HTML

Favicon hanya separuh berfungsi — teg pautan HTML menentukan fail yang dipilih oleh setiap penyemak imbas. Hasilkan set penuh dan betul dalam satu klik.

Persediaan favicon yang lengkap termasuk teg untuk favicon.ico, varian SVG, ikon manifes apple-touch-icon dan PWA. Kehilangan mana-mana satu daripadanya menghasilkan ikon sandaran pada sekurang-kurangnya satu platform.

Hasilkan teg di sini, tampalkannya ke dalam <head> anda dan anda sudah selesai.

Cara ia berfungsi

  1. 1

    Hasilkan favicon anda

    Gunakan penjana favicon untuk menghasilkan .ico + PNG + SVG.

  2. 2

    Salin tag

    Tampalkan blok <link> yang dihasilkan ke dalam <head> anda.

  3. 3

    Sahkan

    Buka tapak anda dalam Chrome, Safari, Firefox dan Edge — semua harus menunjukkan ikon.

Cuba sekarang

Dapatkan teg HTML

Penjana Favicon

Soalan lazim

Tag mana yang paling penting?+

<link rel="icon" href="/favicon.ico"> — ia adalah sandaran universal.

Adakah saya memerlukan manifest.json?+

Hanya jika anda mahukan pengalaman pemasangan PWA yang betul. Jika tidak, pilihan.

Ke mana perginya apple-touch-icon?+

<link rel="apple-touch-icon" sizes="180x180" href="/apple-touch-icon.png">.

Alat berkaitan

Lagi panduan

Panduan

Teroka FetchFavicon

Kategori

Penukar

Utiliti

Pemandu

Tutorial