Cara Membuat Favicon Dengan HTML

Cara Membuat Favicon Dengan HTML

Cara Membuat Favicon Dengan HTML – Jumpa lagi di malasngoding.com melalui artikel tutorial kali ini. hehe. tanpa panjang mukaddimah lagi, kita akan langsung masuk ke pembahasan nya saja teman-teman. sesuai dengan judul tutorial kali ini. yaitu kita akan membahas tentang cara membuat favicon dengan HTML. mungkin masih ada teman-teman yang belum tau apa itu favicon. silahkan simak penjelasan tentang pengertian dan cara memasang favicon pada html berikut ini.

Pengertian Favicon

Favicon adalah icon atau logo  yang muncul/tampil pada tab browser. nah, jadi bisa teman-teman lihat pada website-website lain. semuanya menggunakan atau memasang icon favicon nya. agar lebih terlihat menarik. website yang sudah di katakan termasuk ke kategori besar biasanya sudah pasti menggunakan favicon. untuk cara membuat favicon dengan html silahkan teman-teman simak penjelasan berikut.

cara membuat favicon dengan html

Cara Membuat Favicon Dengan HTML

Nah, langkah awal untuk membuat favicon adalah kita harus mempersiapkan dulu file gambar yang akan kita jadi kan sebagai icon favicon blog kita.

Bisa itu file gambar yang berekstensi jpg, png dan biasanya banyak yang menggunakan file gambar yang berekstensi .ico.

saya tidak tau pasti apa perbedaan dari penggunaan file jpg, png atau ico. mungkin kalau menggunakan file .ico agak lebih ringan. karena file jpg yang di convert ke .ico akan mengubah ukuran dan resolusi nya menjadi sangat kecil. dan bisa jadi ini penyebab banyak orang yang menggunakan file .ico untuk icon favicon nya. termasuk malasngoding.com juga sih. hehe..

Convert File .jpg, .png ke .ico

sekarang sudah banyak sekali tool online yang bisa kita gunakan dengan sangat mudah untuk convert jpg/png ke ekstensi .ico. dan dapat di gunakan dengan gratis tanpa pungutan biaya apapun. di antara nya teman-teman bisa mengunjungi situs pembuat file ico online gratis berikut.

• https://www.icoconverter.com/
• http://www.favicon-generator.org/
• http://convertico.com/
• http://www.favicon.cc/
• http://icoconvert.com/

Setelah kita memiliki file gambar yang akan kita jadikan icon favicon selanjutnya kita masuk ke cara membuat favicon dengan html.

Untuk membuat favicon dengan html. kita bisa menggunakan tag <link>. contoh penggunaannya sebagai berikut.

seperti yang tampak pada contoh di atas, kita bisa menggunakan tag link untuk membuat favicon. kemudian isi atribut “rel” dengan “shortcut icon”. dan letakkan file gambar nya pada atribut href=””.

atau

atau

sesuaikan dengan ekstensi gambar teman-teman.

Oke sekian dulu tutorial Cara Membuat Favicon Dengan HTML. semoga dapat bermanfaat. terima kasih.

Baca juga :

• Membuat kalkulator sederhana dengan PHP