Artikel

Home > Artikel
 

 

Membuat Favicon


Diposting : 2017-04-25 oleh : WebHozz



Halo sobat Webhozz berjumpa lagi dengan saya, kali ini saya ingin membagikan artikel mengenai bagaimana cara membuat Favicon dalam web design. Agar sobat Webhozz tidak bingung langsung aja yuk kita masuk ke pembahasan artikelnya sobat Webhozz.

Favicon adalah gambar logo kecil yang ditampilkan sebagai ikon website pada jendela browser. Format file yang lazim digunakan untuk gambar favicon adalah .ico. Meskipun kalian bisa menggunakan format file lain, namun norma standarnya adalah berupa file .ico. Norma lainnya adalah nama file sebaiknya juga favicon.ico, ukuran gambarnya 16x16 piksel, dan file diletakkan di root (direktori utama website).

Agar file Favicon dapat dikenali browser dan program online lainnya (misalnya mesin pencari), maka kalian harus mendefinisikannya di halaman web. Letakkan sebaris kode ini di elemen head HTML kalian:

                <link rel=”shortcut icon”

                href=http://www.situsanda.com/favicon.ico>

Jika memakai URL relative, maka nilai atribut href bbisa disingkat langsung:

                <link rel=”shortcut icon” href=”favicon.ico”>

Prinsip pembuatannya, kalian hanya perlu memperkecil ukuran logo melalui software grafis, lalu menyimpannya menjadi file favicon.ico di folder utama proyek web. Jika desain logo kalian tidak simetris atau tidak jelas jika diperkecil, maka cara yang paling lazim adalah menggunakan huruf awal nama website sebagai ikon.

Meskipun sebuah tugas sederhana, yang menjadi masalah adalah pilihan software yang bisa digunakan untuk membuat file .ico. Photoshop dan beberapa software grafis lain secara default tidak mensupport format file .ico. Untungnya, kalian bisa memasang plugin gratis dari pihak ketiga yang memungkinkan kalian menyimpan file dalam format .ico di Photoshop. Contoh penyedianya adalah Telegraphics.com.

Nah itulah pembahasan singkat mengenai mengenai cara bagaimana membuat Favicon dalam web design, semoga pembahasan artikel ini dapat membantu sobat Webhozz dalam mempelajari web design dan dapat menambah pengetahuan sobat Webhozz semuanya. Sampai berjumpa lagi pada pembahasan artikel-artikel lainnya yang tentunya lebih menarik lagi.

 

 




Tag : kursus android, kursus web, kursus web design, kursus php, kursus website, lenovo, woocommerce, windows, excel, xampp, php, mysql, twitter, analytic, adwords, google, maps, seo, jquery, slider, browser, game, transition, animation, whatsapp, desktop, wireframe, desain, vps, css, aplikasi, html, javascript, captcha, form, kode, kaskus, autoscroll, codeigniter, processor, bootstrap, ios, wordpress, div, span, lollypop, background, marquee, behaviour, plugin, chaton, bitcoin, opencart, payment, post, get, tooltip, button, silverlight, webmaster, phonegap, facebook, html5, swicth, sass, bbm, alert, mvc, fungsi, mobile, loading, nokia, template, traffic, laravel, yii, jquerymobile, blogger, adobe, baidu, hosting, font, server, input, sticky, menu, tokoonline, prestashop, joomla, java, yahoo, angular, microsoft, responsive, generator, visitor, counter, flatdesign, kursus web design jakarta, kursus web design bandung, kursus website bandung, kursus php bandung, kursus android bandung, kursus java bandung, kursus web bandung, Aplikasi Ramadhan, Cara Membuat Website, Tempat Kursus Website Bandung, Manfaat Internet, Menggunakan Wireframe Web, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, multikolom, horizontal, ym, toko online, controllers, optimalisasi, landing page, DOM, kursus web jogja, kursus website jogja, kursus web design jogja, kursus web programming jogja, kursus php jogja, kursus android jogja, kursus android programming jogja, kursus java jogja, kursus webmaster jogja, kursus codeigniter jogja, kursus wordpress jogja, kursus seo jogja, kursus vb jogja, kursus sql server jogja, kursus game jogja, kursus website jakarta, kursus web design jakarta, kursus web programming jakarta, kursus webmaster jakarta, kursus php jakarta, kursus wordpress jakarta, kursus android jakarta, kursus seo jakarta, kursus java jakarta, kursus sql server jakarta, framework cordova, mengenal framework cordova, apa itu cordova, membuat aplikasi android dengan cordova, cordova android, aplikasi hybrid android, cordova vs phonegap, Kursus Website Surabaya, Kursus Web Design Surabaya, Kursus Webmaster Surabaya, Kursus PHP Surabaya, Kursus Wordpress Surabaya ,