Bagaimana cara memasang Favicon di situs ini?

Favicon adalah kependekan dari "icon terpilih" (diterjemahkan dari bahasa Inggris). Nama itu berasal dari daftar bookmark di Internet Explorer, yang disebut "Favorites" / "Favorites List". Bila Anda menambahkan situs ke tab Penjelajah (versi 5 dan lebih tinggi), server akan menanyakan apakah sumber daya memiliki file favicon.ico. Jika file seperti itu ada, maka akan digunakan untuk memberi ikon yang muncul di samping penanda dengan teks.

Browser lain (misalnya, Mozilla) juga memiliki dukungan untuk favicon. Bergantung pada program untuk pencarian, ikon ini dapat ditampilkan di tempat yang berbeda, tidak hanya di daftar bookmark (sebenarnya, itu mungkin bahkan tidak muncul di sana). Ini ditampilkan di address bar atau title bar pada tab browser.

Ikon pada tab peramban

Sebagian besar pengguna, sebagai aturan, memiliki banyak tab terbuka di jendela browser. Dengan bertambahnya jumlah tab, nama situs disembunyikan. Favicon membantu pengguna mengidentifikasi link dan dengan cepat beralih ke tab yang perlu dibuka.

Selain itu, jika pengguna ingin menambahkan situs favoritnya ke desktop pada perangkat mobile, ikon juga akan digunakan. Karena itu, Anda harus selalu menentukan pilihan gambar sebelum memasang Favicon. Ikon situs seperti itu ditampilkan sebagai ikon aplikasi di desktop tablet atau smartphone.

Cara membuat Favicon?

Untuk membuat favicon.ico, Anda hanya perlu menyimpan file PNG 16x16 dan mengubahnya menjadi ikon sumber daya dari png2ico. Atas kebijaksanaan Anda, Anda dapat menambahkan gambar yang berbeda ke ikon yang sama untuk memberikan solusi alternatif. Sebagian besar browser hanya menggunakan format 16x16 untuk gambar ini, namun dalam konteks yang berbeda (misalnya saat menyeret URL dari bilah alamat ke desktop), ikon besar dapat ditampilkan dalam gambar. Jika ikon sumber hanya berisi gambar 16x16, maka akan diskalakan sesuai ukuran yang diinginkan, jadi secara teknis sama sekali tidak perlu menambahkan solusi alternatif. Namun, ini bisa meningkatkan kualitas gambar. Sebelum menginstal Favicon di situs, pastikan untuk meninjau bagaimana gambar terlihat dalam ukuran yang berbeda.

Perlu diingat bahwa bagi pengguna dengan koneksi internet yang lambat, Favicon dapat meningkatkan waktu buka halaman beberapa detik. Hal ini dimungkinkan jika file gambar terlalu besar, jadi jangan berlebihan. Menambahkan format alternatif 32x32 seharusnya cukup untuk membuat gambar terlihat bagus meski dalam situasi dengan ikon besar. Menggunakan lebih banyak pilihan adalah bonus, hanya dilakukan atas permintaan pengembang situs. Cobalah untuk mempertahankan jumlah warna menjadi 16 dan buat ikon 16 warna dengan png2ico (atau bahkan ikon hitam putih). Ini akan menyimpan file yang lebih kecil yang memuat lebih cepat.

Saat membuat gambar yang akan ditambahkan ke favicon.ico, jangan lupa bahwa ikon bisa ditampilkan dengan warna latar belakang yang berbeda. Untuk alasan ini, lebih baik menggunakan transparansi, bukan latar belakang yang solid. Nah pikirkan bagaimana cara menginstal favicon yang paling kompeten, sehingga selaras dengan latar belakang apapun. Perlu dicatat bahwa Anda dapat menetapkan nilai antara, yang diukur dalam persen. Para ahli mengatakan bahwa setting yang ideal adalah sekitar 30-40% transparansi latar belakang.

Anda dapat menggunakan logo merek Anda, simbol tema sumber daya atau gambar favorit untuk membuat ikon situs Anda masing-masing. Ukuran yang disarankan untuk favicon minimal 512 piksel dan tinggi. Gambar harus persegi, tapi Anda bisa menggunakan gambar persegi panjang yang besar. Banyak mesin akan memungkinkan Anda untuk memotong gambar saat Anda menambahkannya (jadi jangan khawatir tentang cara memasang favicon di SMF sebagai gambar besar).

Membuat ikon menggunakan Photoshop

Pakar merekomendasikan penggunaan program editing gambar, misalnya Adobe Photoshop atau GIMP. Ini akan membuat icon situs persis 512 × 512 piksel. Dengan demikian, Anda dapat menyimpan proporsi gambar yang tepat, menggunakan gambar transparan atau mengisi latar belakang pilihan Anda. Gambar ini bisa dalam format PNG, JPEG atau GIF. Setelah itu, Anda perlu menentukan cara memasang favicon di situs.

Mengapa saya perlu menambahkan ke situs?

Seperti telah dicatat, ikon favicon adalah ikon kecil yang muncul di samping nama situs di browser. Ini membantu pengguna mengidentifikasi tautan, dan lebih sering pengunjung ke situs Anda akan langsung mengidentifikasi gambar kecil ini. Hal ini meningkatkan kesadaran merek dan membantu mendapatkan kepercayaan di antara penonton. Dengan demikian, favicon menentukan "identitas" situs Anda. Selain itu, juga meningkatkan kegunaan dan pengalaman pengguna situs.

Bagaimana cara menginstal favicon di situs html

Untuk menambahkan favicon baru ke halaman web, Anda harus menginstalnya pada server di folder yang sama tempat halaman web berada (misalnya, www.example.com/foo/favicon.ico untuk www.example.com/foo/index. Html). Ini adalah data yang pertama dari semua browser akan mencari untuk mendownload. Jika tidak menemukan ikonnya, ia akan memeriksa direktori server tingkat atas (www.example.com/favicon.ico untuk www.example.com di server). Untuk alasan ini, jika Anda memasangnya di sana, Anda dapat memiliki ikon default untuk semua halaman domain Anda. Bergantung pada browser dan konfigurasi, favicon tidak selalu ditampilkan, bahkan jika berada di salah satu tempat di atas dan halaman web melihatnya.

Untuk mendaftarkan keberadaan favicon dalam kode halaman, Anda dapat menambahkan 2 baris berikut di bagian :

Cara menambahkan Favicon ke blog WordPress

Jika Anda bertanya-tanya bagaimana cara menginstal Favicon di Direct, tidak ada yang terlalu rumit. Antarmuka memiliki item menu yang sesuai yang memungkinkan Anda memilih dan memuat gambar.

Cara menambahkan favicon ke WordPress

Dimulai dengan WordPress 4.3, Anda bisa menambahkan favicon ke situs dari area administrator. Cukup buka "View" / "Settings" dan pilih tab "Site".

Bagian pengenal situs di penyesuai memungkinkan Anda mengubah nama dan deskripsi sumber daya. Sebelum keluar dari menu, Anda akan ditanya apakah ingin benar-benar menampilkan data baru di header. Ini juga memungkinkan Anda mengunggah ikon untuk situs ini. Cukup klik pada tombol "Choose a file" dan upload gambar yang ingin Anda gunakan sebagai Favicon.

Menambahkan Favicon ke blog Anda

Petunjuk lebih lanjut tentang cara menginstal Favicon adalah sebagai berikut. Jika gambar yang Anda upload melebihi ukuran yang disarankan, maka WordPress akan memungkinkan Anda untuk memotongnya. Jika memenuhi parameter yang disarankan, Anda cukup menyimpan perubahannya. Perlu dicatat bahwa instruksi tentang cara memasang favicon di situs Joomla terlihat serupa.

Setelah itu, saat menjelajah situs, Anda akan melihat favicon Anda beraksi. Anda juga bisa pergi ke situs dari perangkat mobile Anda, lalu pilih "Download full version" dari menu browser. Anda akan melihat bahwa ikon akan ditampilkan seperti pada desktop penuh komputer.

Cara memasang Favicon di WordPress versi lama (4.2 atau yang lebih rendah)

Download Favicon Anda ke direktori akar situs menggunakan protokol FTP. Setelah itu, Anda cukup menyisipkan kode ini ke file header.php dari tema yang diinginkan.

Ganti wpbeginner.com dengan URL situs Anda, dan semuanya akan selesai. Jika blog tidak memiliki file header.php atau anda tidak dapat menemukannya, maka gunakan plugin khusus. Install dan aktifkan di setting situs. Setelah mengaktifkan plug-in, masuk ke "Settings", cari item "Insert Headers", buka tab "Insert Code" di atas pada bagian header dan simpan pengaturannya.

Jika Anda tidak ingin memahami seluk beluknya bekerja dengan FTP, namun pada saat yang sama tertarik untuk menginstal Favicon, Anda juga dapat menggunakan plugin khusus yang mengatur pemuatan ikon di semua tahap. Tambahan untuk mesin ini tersedia tidak hanya untuk WordPress, tapi juga untuk sistem populer lainnya, termasuk untuk Joomla.