Panduan

Favicon untuk Webflow

Webflow menyimpan favicon anda dalam Tetapan Projek dan menyajikannya daripada CDNnya pada setiap halaman yang diterbitkan. Muat naik segi empat sama 32×32 PNG atau ICO — atau sumber 256×256+ Webflow akan menurunkan skala.

Buka projek anda → Tetapan Projek → Umum → Favicon. Webflow menerima PNG, ICO atau GIF dan menyuntik teg <link rel="icon"> yang betul pada penerbitan.

Untuk tab retina dan pemasangan skrin utama iOS, tambahkan juga ikon apple-touch-icon dan PWA melalui kod tersuai dalam tetapan tapak jika pelan anda membenarkan benaman dalam <head>.

Cara ia berfungsi

  1. 1

    Hasilkan favicon segi empat sama

    Gunakan penjana favicon kami — eksport .ico tambah 180×180 apple-touch-icon.

  2. 2

    Tetapan Projek → Favicon

    Muat naik PNG atau ICO anda.

  3. 3

    Terbitkan

    Webflow menolak ikon ke setiap halaman pada domain tersuai anda.

Cuba sekarang

Hasilkan favicon sedia Webflow

Penjana Favicon

Soalan lazim

Apakah saiz favicon yang digunakan oleh Webflow?+

32×32 ialah sasaran muat naik, tetapi bermula dari 256×256 atau 512×512 supaya penskalaan bawah kekal tajam.

Mengapakah favicon Webflow saya tidak dikemas kini?+

Terbitkan tapak selepas menukar aset. Pelayar cache favicon — muat semula keras atau tambahkan ?v=2 pada URL dalam kod tersuai.

Bolehkah saya menggunakan favicon SVG pada Webflow?+

Pemuat naik terbina dalam mengharapkan format raster. Tambahkan SVG melalui kod tersuai dalam Tetapan Projek → Kod Tersuai → Kepala jika anda memerlukan vektor + mod gelap.

Alat berkaitan

Lagi panduan

Panduan

Teroka FetchFavicon

Kategori

Penukar

Utiliti

Pemandu

Tutorial