Dalam membuat favicon pada blog blogspot ada banyak cara yaitu dengan menggunakan Favicon Generator ataupun dengan cara manual. Di internet sekalipun banyak sekali situs yang menyediakan Favicon Generator mulai dari gratisan sampai berbayar dan fungsi Favicon sendiri adalah agar blog terlihat SEO, profesional dan sebagai brand yang memberikan nilai tersendiri pada blog kita.
Dalam membuat Favicon pun tidak sembarang kita harus mencari singkatan yang pas dari nama blog kita contohnya nama blog saya adalah "Knowplus" jadi saya menyingkatnya menjadi "K+ " right :)
Nah yang pertama kita akan bahas Favicon Generator gratisan dari internet.
1. Favicon & App Icon Generator
Yang pertama adalah Favicon & App Icon Generator. Jika kalian ingin menggenerate gambar atau tulisan untuk dijadikan icon Favicon situs inilah tempatnya, Favicon Generator ini mampu menggenerate gambar dengan ukuran yang besar menjadi kecil jadi kalian tidak perlu mengubah ukurannya lagi karna akan langsung di rubah ke 16x16 Pixels secara otomatis setelah anda menggenaratenya. Jadi ini cocok untuk gambar yang sudah jadi yang ingin diperkecil ukurannya.
Jika kalian ingin mencobanya, kalian tinggal masuk ke situs (https://www.favicon-generator.org/)
Klik Chose File untuk memilih gambar yang ingin anda jadikan Favicon kemudian pilih Generate only 16x16 favicon.ico Setelah itu klik Create Favicon.
Setelah selesai di Generate kalian tinggal klik Download the generated favicon seperti gambar dibawah.
Untuk menerapkannya pada blog anda, anda tinggal login ke blog blogspot anda lalu klik Tata Letak ==> Edit ==> Choose File (pilih file gambar hasil generate tadi) kemudian klik simpan.
2. Favicon Generator. For real.
Yang kedua adalah Favicon Generator. For real. Untuk dapat menggenerate gambar di situs ini anda pertama-tama harus merubah ukuran gambar terlebih dahulu menjadi 70x70 Pixels. Untuk merubah gambar dengan cepat gunakan paint.
Buka paint lalu buka gambar yang akan di resize lalu klik Resize lalu pilih Pixels kemudian uncect Maintain aspect ratio kemudian masukkan angka pada Horizontal dan Vertical 70 x 70 kemudian klik OK.
Setelah selesai mengubah ukuran gambar masuk ke situs ini (https://realfavicongenerator.net/)
kemudian klik Select your Favicon picture => pilih file gambar yang kalian Resize tadi, tunggu hingga proses generated selesai. Setelah itu scroll kebawah dan kilk Generate your Favicon dan HTML code.
Setelah muncul kalian tinggal klik Favicon package untuk mendownload gambar hasil generated tadi, kalian juga bisa menggunakan kode HTML dibawahnya, itu adalah kode HTML gambar yang di generated tadi, salin lalu pastekan kode tersebut tepat dibawah kode <head> pada HTML blog anda.
3. Favic-o-matic
The next is Favic-o-Matic. Untuk kategori situs favicon generator, situs inilah yang paling mudah digunakan alias tidak ribet, tinggal kunjungi situsnya (http://www.favicomatic.com/) upload gambar kemudian gambar akan terproses dengan sendirinya dan setelah selesai dengan otomatisnya gambar akan terdownload dengan sendirinya dalam bentuk file rar. Anda juga bisa menggunakan kode HTML-nya dan masukkan tepat dibawah kode <head> pada kede HTML blog anda.
4. FavIcon Generator
Yang keempat adalah FavIcon Generator. Situs ini (http://tools.dynamicdrive.com) juga sangat mudah digunakan tinggal upload gambar yang ingin anda generate, tunggu beberapa saat gambar hasil generated siap untuk di download.
5. Favicon.io
Pada situs ini (https://favicon.io/) tidak hanya menyediakan favicon generator saja tapi juga menyediakan fitur lain yaitu pembuatan logo khususnya untuk logo blog. Favicon generatornya pun ada tipe yaitu Generate from text dan Generate from image. Jadi kita akan membahas cara penggunaan dari kedua favicon generator tersebut.
Yang pertama yaitu Generate From Text.
Untuk menggunakan fitur yang ini kalian tinggal klik maka anda akan diarahkan halaman seperti gambar dibawah ini.
Penjelasan :
1. Text => Untuk text kalian singkat saja huruf yang kalian pilih sesui dengan nama blogmu contoh pada blog saya sendiri saya beri nama BANGBLOG jadi saya singkat menjadi BB seperti contoh gambar di bawah ini.
2. Background => Untuk background disini ada tiga pilihan yaitu square, circle dan Rounded kalian pilih saya bentuk apa yang anda sukai.
3. Font Family => Untuk yang ini pilih jenis font yang ingin anda gunakan.
4. Font size => Untuk font size kalian atur sesuai dengan backgroundnya.
5. Font color => Untuk memberi warna pada text yang sudah dipilh kalian sesuaikan saja warnanya.
6. Background Color => Pada background color pilih warna sesui dengan warna font color yang anda pilih seperti gambar dibawah.
JIka anda sudah selesai maka tinggal klik tombol download pada pojok kanan atas.
Menurut saya situs inilah yang paling kece untuk kategori situs favicon generator, muda digunakan dan hasilnyapun terlihat sangat profesional. Tidak hanya itu, proses editan pun bisa di lihat langsung pada Preview dan hasilnya bisa langsung di download dalam bentuk file rar. Saat kalian mengekstraknya akan ada beberapa ukuran gambar yang diberikan, kalian pilih ukuran 16x16 atau 32x32 untuk icon Faviconnya.
Yang kedua yaitu Generate From Image.
Untuk yang ini saya rasa tidak perlu dijelaskan lagi karna penggunaanya sangat muda, tinggal klik Drag your file here kemudian plih gambarnya ...,langsung deh tinggal klik tombol download selesai.
Situs ini juga masih memiliki fitur lain yaitu Generate From Emoji (https://favicon.io/emoji-favicons/).
6. Website Planet
Website planet (https://www.websiteplanet.com) menyediakan dua fitur yaitu dari mengupload gambar maupun menggunakan langsung icon yang sudah tersedia.
Caranyapun tidak ribet, setelah selesai di upload maka anda akan disugukan langsung ke halaman download beserta kode script dari gambar tersebut.
7. Ionos
Pada situs ini (https://www.ionos.com/tools/favicon-generator) menyediakan 3 jenis dari Favicon generator yakni Favicon Editor, Letter Generator, dan Image Upload.
Pada Favicon Editor anda bebas menggambar Favicon sesuai keinginan anda. Setelah selesai klik tombol Generate favicons pada pojok samping.
Pada Letter Generator anda bebas menggunakan huruf yang disediakan tinggal anda ganti sesuai keinginan anda. Setelah selesai klik tombol Generate favicons pada pojok samping.
Pada image upload ikuti seperti gambar dibawah setealah itu klik upload tunggu prosesnya selesai maka anda akan disugukan langsung ke tombol download.
8. Favicon.cc
Yang terakhir adalah Favicon.cc. pada situs ini ( https://www.favicon.cc) juga menyediakan dua fitur yaitu dengan menggambar sendiri icon favicon sesuai keinginan anda atau dengan impor image seperti gambar dibawah. kalian juga bebas memilih warna apa yang akan anda gunakan.
Untuk cara manualnya yaitu dengan menggunakan aplikasi seperti photoshop dan lain-lain mungkin lain kali saja yap, pasti saya update kok.
Nah selesai sudah pembahasan kita tentang situs gratis penyedia Favicon Generator muda-muda bermanfaat buat kalian dan jika kalian merasa artikel ini bermanfaat jangan lupa di share ya guys Thank You.
Share It
No comments:
Post a Comment