Panduan

Favicon untuk Webflow

Webflow menyimpan favicon Anda di Pengaturan Proyek dan menyajikannya dari CDN-nya di setiap halaman yang diterbitkan. Unggah kotak berukuran 32×32 PNG atau ICO — atau sumber berukuran 256×256+ Webflow akan diperkecil.

Buka proyek Anda → Pengaturan Proyek → Umum → Favicon. Webflow menerima PNG, ICO, atau GIF dan memasukkan tag <link rel="icon"> yang benar saat dipublikasikan.

Untuk tab retina dan pemasangan layar beranda iOS, tambahkan juga ikon apple-touch-icon dan PWA melalui kode khusus di pengaturan situs jika paket Anda mengizinkan penyematan di <head>.

Cara kerjanya

  1. 1

    Hasilkan favicon persegi

    Gunakan generator favicon kami — ekspor .ico plus 180×180 apple-touch-icon.

  2. 2

    Pengaturan Proyek → Favicon

    Unggah PNG atau ICO Anda.

  3. 3

    Menerbitkan

    Webflow mendorong ikon ke setiap halaman di domain khusus Anda.

Coba sekarang

Hasilkan favicon siap Webflow

Pembuat Favicon

FAQ

Berapa ukuran favicon yang digunakan Webflow?+

32×32 adalah target unggahannya, tetapi mulailah dari 256×256 atau 512×512 agar penurunan skala tetap tajam.

Mengapa favicon Webflow saya tidak diperbarui?+

Publikasikan situs setelah mengubah aset. Favicon cache browser — menyegarkan atau menambahkan ?v=2 ke URL dalam kode khusus.

Bisakah saya menggunakan favicon SVG di Webflow?+

Pengunggah bawaan mengharapkan format raster. Tambahkan SVG melalui kode khusus di Pengaturan Proyek → Kode Kustom → Kepala jika Anda memerlukan vektor + mode gelap.

Alat terkait

Panduan lainnya

Panduan

Jelajahi FetchFavicon

Kategori

Pengonversi

Utilitas

Panduan

Tutorial