Friday, 6 March 2015

Cara Membuat Icon Dan Favicon Online Dengan Mudah

Advertisement
Beberapa dari kita pasti tahu tentang favicon. Bagi kamu yang belum tahu tentang favicon, akan saya jelaskan disini beserta cara membuat dan menggantinya pada blog. Favicon atau icon adalah sebuah gambar kecil yang ukurannya sekitar 16x16 px. Favicon dan icon itu sebenarnya sama namun yang berbeda adalah cara penerapannya.

Icon biasanya di terapkan pada aplikasi sebagai sebuah gambar yang menunjukkan kepada kita bahwa itu adalah aplikasi. contoh yang sering kamu lihat di desktop kamu, itu adalah icon shortcut.

Favicon diterapkan untuk web sebagai sebuah gambar kecil yang terletak di dekat address bar atau di samping kiri tulisan http, favicon sangat berguna untuk menunjukkan kepada kita bahwa blog kita unik dan tentu saja berguna sebagai pengenal website dan blog kita. untuk para blogger, biasanya favicon yang default adalah gambar B yang artinya blogger.

Sebagai saran dari saya, sebelum kita membuat icon atau favicon ini, sediakanlah gambar dengan tipe seperti berikut.
  • Jpg
  • Png
  • Gif
  • Bmp

Untuk ukuran foto, maksimal adalah 400 kb. Jika ukuran melebihi batas 400 kb, maka akan muncul pesan yang memberitahukan bahwa ukuran foto terlalu besar. jadi silahkan siapkan semua bahan yang sudah saya sebutkan sebelumnya. Setelah semua bahan siap. Mari kita mulai cara membuatnya.

1. silahkan kunjungi www.generatefavicon.com

2. upload foto sendiri yang sudah disiapkan seperti yang telah saya sebutkan sebelumnya.

Upload image sendiri untuk membuat icon dan favicon
Upload image sendiri untuk membuat icon dan favicon

3. setelah gambar selesai di upload, lihat di bagian bawah, silahkan pilih salah satu icon atau favicon dari 3 gambar yang telah disediakan dengan ukuran yang beragam. Kemudian klik kanan dan pilih "save as gambar" pada icon atau favicon yang telah kamu buat. Kemudian simpan di dalam komputer kamu.

contoh favicon yang saya buat
contoh icon dan favicon yang saya buat

4. di bagian paling bawah lagi, ada tempat untuk mengambil icon dan favicon yang sudah kamu buat sebelumnya. sebenarnya sama saja dengan yang diatas. kamu juga bisa mendapatkan favicon yang telah kamu buat sebelumnya melalui fitur tersebut. tapi untuk yang satu ini, ukuran yang diberikan lebih kecil daripada 2 icon yang di atas tadi.

contoh favicon yang terlihat di samping address browser
contoh favicon yang terlihat di samping address browser

5. setelah selesai menyimpan gambar icon dan favicon yang telah kamu buat secara online, saatnya login ke blog kesayangan kamu.

Catatan : di bawah ini adalah panduan tentang mengganti icon favicon di blogger. Untuk website mungkin akan dibahas di posting yang lain.

6. buka menu tata letak di akun blog kamu, kemudian lihat pada bagian atas kiri tampilan tata letak blog  kamu. klik edit pada tulisan favicon lalu upload gambar icon yang telah kamu buat tadi. Setelah selesai, silahkan lihat pada bagian atas di dekat tulisan http browser kamu. jika sudah terlihat gambar favicon kamu, maka kamu telah berhasil membuat dan mengganti favicon blog kesayangan kamu.

Catatan : Untuk browser jenis opera mungkin favicon tidak terlihat. Karena saya sendiri sudah mencobanya. Untuk melihat favicon yang telah kamu buat, gunakan browser mozilla firefox, chrome atau Internet Explorer (IE).

Demikian pembahasan kita tentang cara membuat icon dan favicon secara online. Sampai bertemu lagi pada artikel saya yang lain dan salam hangat dari admin uya sur.
Recent Posts

    2 comments:

    1. ngga harus 16x16 px yg penting gambarnya bentuk persegi sama sisi

      ReplyDelete
      Replies
      1. disitu ada pilihannya pak. ada yg 36x36 juga. tapi bener kata bpk. asalkan bentuknya persegi sama sisi. bisa digunakan untuk membuat icon dan favicon.

        Delete

    Masukkan Komentar anda disini. mohon maaf, Link Aktif yang ada di dalam komentar akan terhapus secara otomatis oleh system blog ini.
    komentar akan di tampilkan setelah disetujui oleh admin. terima kasih