Apa itu Favicon?

Favicon adalah ikon kecil yang mewakili situs web di tab browser, daftar favorit, dan lain-lain. Ini efektif untuk meningkatkan pengenalan merek situs.
Di Framer, Anda dapat mengunggah favicon dengan mudah melalui menu pengaturan, tanpa perlu mengubah kode terpisah.

Cara Mengatur Favicon

1. Buka proyek Framer

2. Klik ikon Site Settings di kiri atas

3. Pindah ke bagian General

4. Gulir ke bawah dan unggah gambar di bagian Favicon

Catatan: Anda bisa mengunggah gambar untuk Tema Terang dan Tema Gelap, dan ukuran yang direkomendasikan adalah 64 x 64 piksel, dalam format PNG.

Ketika Favicon Tidak Muncul

Dalam beberapa kasus, meskipun sudah mengunggah favicon, ikon mungkin tidak langsung muncul di browser atau hasil pencarian.
Jika terjadi, pertimbangkan hal-hal berikut.

1. Ketika Tidak Terlihat di Hasil Pencarian Google

• Google memperbarui favicon sangat jarang, jadi mungkin baru muncul beberapa saat setelah diunggah (biasanya memakan waktu beberapa hari hingga beberapa minggu).

• Pastikan mematuhi pedoman favicon Google.

2. Ketika Tidak Terlihat di Safari

• Safari mungkin tidak menampilkan favicon dengan benar karena masalah cache. Dalam kasus ini, Anda mungkin perlu mengatur ulang atau menghapus cache Apple.

• Untuk solusi lebih lanjut, lihat dokumentasi terkait Framer.

Pertanyaan yang Sering Diajukan

Q. Favicon saya terlihat berbeda di berbagai platform!

Hal ini bisa terjadi karena setiap browser memiliki cara penanganan cache yang berbeda. Cobalah untuk menyegarkan ulang beberapa kali, atau hapus cache browser Anda.

Q. Bisakah saya membuat favicon sebagai GIF atau SVG?

Sebenarnya bisa dilakukan, tetapi dari segi kompatibilitas dan kinerja, penggunaan PNG adalah yang paling stabil.

Artikel ini adalah konten adaptasi dan terjemahan dari ‘How to set up a favicon in FramerFramer’ di blog resmi Framer.