4 Langkah Cara Membuat Favicon Untuk Blog

Favicon ( Favorites Icon ) adalah icon utama yang muncul pada address bar juga merupakan logo suatu website, juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon .

4 Langkah membuat Blog

Sejarah Singkat Favicon ...

Favicon ( Favorites Icon ) adalah icon utama yang muncul pada address bar  juga merupakan logo suatu website, juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon .

Pertama kalinya muncul icon adalah pada browser Internet Explorer 5, pada saat itu penempatan icon favicon.ico berada di belakang alamat website sebagai penanda atau bookmark. Namun seiring perkembangan jaman setiap browser sudah mendukung favicon tanpa penanda atau bookmark.

Icon Blog
Contoh Icon Website dan Blog 


4 Langkah Sebelum Membuat Favicon !

Pastikan sebelum membuat kita harus tahu apa dan bagaimana favicon itu digunakan...
4 hal yang perlu diketahui :
  • Apa Konteksnya ?
  • Ukuran yang dibutuhkan ?
  • Format yang dipakai ?
  • Alat yang bisa digunakan ?


Apa Konteksnya ?
Favicon atau Icon memang sangat diperlukan dalam berbagai hal, untuk membuat icon website berbeda dengan membuat icon aplikasi, jadi tentukan konteksnya terlebih dahulu.
Sebuah favicon bisa tampil dalam berbagai background browser manapun, jadi kita perlu menggunakan transparasi untuk mendapatkan tampilan icon terbaik. 
Favicon tidak akan selalu ditampilkan pada background address bar putih, bisa jadi berwarna abu-abu atau tema browser gelap, jadi sebisa mungkin pilih tampilan yang menarik untuk icon blog kalian.

Contoh Icon
Contoh Icon Menarik


Ukuran yang dibutuhkan ?
Ukuran icon biasanya berukuran 16 x 16 pixle untuk favicon sebuah website atau blog...
Tapi kalian juga bisa menggunakan tampilan icon dengan ukuran 24 x24 px atau 32 x 32 px, karena setiap browser memiliki ukuran favicon yang berbeda-beda.

Format yang dipakai ?
Format icon sangat berpengaruh pada tampilan icon di website atau blog kita, sebisa mungkin kita menggunakan format dengan background transparasi.

- ICO adalah format yang sangat mendukung untuk icon pada suatu website atau blog, format ini didesign kecil tapi masih sangat terlihat dengan jelas.

- PNG adalah format yang nyaman digunakan karena tidak perlu alat khusus untuk membuatnya, dapat didesign dengan transparasi dan bisa disimpan dengan ukuran yang sangat kecil.

- GIF adalah format yang mampu memberikan effect gerak pada icon namun tidak bisa berfungsi jika kita mneggunakan browser lama.

- JPG adalah format dengan background kotak biasanya digunakan jika kita ingin menjadikan foto kita sebagai icon, dan pastinya kurang begitu menarik.

Alat yang bisa digunakan ?
Untuk membuat sebuah icon gunakan alat design seperti CorelDRAW, Photoshop, atau software design lainya...
Simpan dengan ukuran 16 x 16 pixle, usahakan maksimal ukuranya tidak lebih dari 100Kb...
Apabila sudah memiliki file namun ukuranya belum sesuai silahkan gunakan alat bantu Favicon Generator ini...
Kalian tinggal meng-upload gambar untuk icon dan klik Create Icon... kemudian kalian bisa langsung download file kalian dengan hasil format ICO.

Bagi kalian yang masih bingung dengan penjelasan artikel diatas bisa cari informasi lain di mbah google, kalo ad yang ingin ditanyakan silahkan saja tuang di kolom komentar dibawah ini.

Silahkan mencoba dan semoga berhasil...
Always Pray and Stay Creative ...

COMMENTS

Nama

6th Indonesian Pearl Festival 2016,1,Abutours.com,1,Adobe Premier Pro,1,Asusintel,1,Award,1,Babasal Mombasa,1,Backsound,2,Bangga di Banggai,1,Be Gravitasi,1,Bebas Bayar,1,Bika Bogor,1,Bika Bogor Talubi,1,Biznis,1,Blog Design,18,Blogger,24,Bumper,1,CC 2015,1,Citra Maja Raya,1,Colidan,1,Competition,30,Competition DEV+,1,Corel Draw X7,1,Coreldraw,1,CV Design,1,Cyko Handbreak,1,dealoka,1,Designer,5,Dotcomforme.com,1,Education,6,Ekspresikan Dirimu,1,Elevenia,1,Excite Shop,1,FestHAM2016,1,Fintech,1,Footer,1,FSB,1,Goverment PR,1,HAnavi,1,Header,6,HIS Travel Indonesia,1,hostinger,1,Indramayu Kota Budaya,1,Influenzer,31,Inspirasi Astra,1,JIBB,1,Kuliner Bogor,1,Lawan Neuropati,1,Luna Smartphone,1,Main Post,3,Marketz,3,Milkshake,1,Motion Graphic,2,Neurobion,1,Neuropati,1,Obat maag paling ampuh,1,Oleh-oleh Bogor,1,Oleh-oleh Khas Bogor,1,Pesona Jawa Tengah,1,Pop Ice,1,Ralali.com,2,Review,27,rukamen,1,Serumah.com,1,sewa apartemen,1,Shop n Drive,2,Sidebar,8,Skyscanner,1,Software,3,Sound Effect,2,Sponsor,12,Storylio,1,Tips Blogging,3,Tips Design,3,Travel,8,Traveloka,2,Tutorial Blog,1,Tutorial Motion,1,Vector,1,Video Editor,5,Video Effect,1,Visit Tidore Island,1,Youtuber,6,
ltr
item
Artadhitive | Daily Content Creator: 4 Langkah Cara Membuat Favicon Untuk Blog
4 Langkah Cara Membuat Favicon Untuk Blog
Favicon ( Favorites Icon ) adalah icon utama yang muncul pada address bar juga merupakan logo suatu website, juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon .
https://3.bp.blogspot.com/-gjubu1R1xbI/V6aXTneeFNI/AAAAAAAAFCk/Cf5cAJefpHsjFo5J11biYZ2znQv6xpqMQCLcB/s1600/Blog%2B14.png
https://3.bp.blogspot.com/-gjubu1R1xbI/V6aXTneeFNI/AAAAAAAAFCk/Cf5cAJefpHsjFo5J11biYZ2znQv6xpqMQCLcB/s72-c/Blog%2B14.png
Artadhitive | Daily Content Creator
http://www.artadhitive.com/2016/08/Design-Blog-4-langkah-cara-membuat-favicon-untuk-Blog.html
http://www.artadhitive.com/
http://www.artadhitive.com/
http://www.artadhitive.com/2016/08/Design-Blog-4-langkah-cara-membuat-favicon-untuk-Blog.html
true
9208609652601285124
UTF-8
Loaded All Posts Not found any posts VIEW ALL Readmore Reply Cancel reply Delete By Home PAGES POSTS View All RECOMMENDED FOR YOU LABEL ARCHIVE SEARCH ALL POSTS Not found any post match with your request Back Home Sunday Monday Tuesday Wednesday Thursday Friday Saturday Sun Mon Tue Wed Thu Fri Sat January February March April May June July August September October November December Jan Feb Mar Apr May Jun Jul Aug Sep Oct Nov Dec just now 1 minute ago $$1$$ minutes ago 1 hour ago $$1$$ hours ago Yesterday $$1$$ days ago $$1$$ weeks ago more than 5 weeks ago Followers Follow THIS CONTENT IS PREMIUM Please share to unlock Copy All Code Select All Code All codes were copied to your clipboard Can not copy the codes / texts, please press [CTRL]+[C] (or CMD+C with Mac) to copy