Web Development

Favicon oh Favicon

Favicon atau nama penuhnya Favorite Icon atau kalau ikut DBP ikon kegemaran (bukan dato siti) merupakan satu fail imej yang mewakili sesuatu website, digunakan shortcut icon, tab icon atau bookmark icon.

Contoh Favicon

Terdapat banyak cara untuk mencipta ikon kegemaran favicon. 

Perlu diketahui favicon ini akan digunakan di banyak tempat, di banyak peranti (device) terutama peranti mudah alih. Dan setiap peranti ada aturan tersendiri.

Cara paling mudah, ringkas, tepat dan padat, saya guna realfavicongenerator.net

Paparan laman realfavicongenerator.net
  • Mula-mula sediakan gambar (yang nak dijadikan favicon) dengan saiz 70px x 70px berformat jpg atau png. Untuk hasil yang lebih menakjubkan, gunakan saiz 260px x 260px ke atas. Lagi besar lagi bagus tapi jangan la besar sangat. Takut semput masa muat naik nanti. Kecuali la kalau Internet korang kelajuan mcm ferrari.
  • Buka website realfavicongenerator.net , klik Select your Favicon picture.
  • Tunggu sehingga habis muat naik.
  • Akan keluar page untuk setup pelbagai peranti. Boleh abaikan je. Terus skrol ke bawah
Pilihan aturan untuk favicon
  • Klik Generate you Favicons and HTML code. Tunggu sehingga habis proses
Favicon berjaya dicipta
  • Klik Favicon package untuk muat turun favicon yang telah dijana.
  • Salin kod yang di dalam kotak hitam dan tampal di ruang <head> di HTML website anda
  • Muat naik favicon yang korang muat turun tadi ke hosting website anda. Muat naik di folder utama (public_html).

Siap..... refresh website anda dan favicon yang korang buat tadi muncul....hurreyyy hurrey

 

Sekian,


P.s Terima kasih kerana sudi baca :-) Klik like di bawah jika anda suka



Pendapat anda mengenai hantaran di atas ?




Butiran Penulis

Penulis merupakan seorang graduan Ijazah Sarjanamuda Teknologi Maklumat dari Universiti Kebangsaan Malaysia yang kini bertugas sebagai Eksekutif Kanan IT, juga merupakan seorang pengaturcara web, blogger dan usahawan Internet

Apa Komen Anda ?