Belajar HTML part 10 favicon
Februari 18, 2017
Assalamualaikum Wr Wb.
A. Pengertian
Favicon adalah icon utama yang muncul padd address bar suatu website dan merupakan logo dari website tersebut , Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon.
B. Latar Belakang
Mempunyai ciri kahs tersendiri dari sebuah website adalah sebuah keunikan tersendiri. Dengan menggunakan Favicon website kita bisa memiliki cira khas.
Favicon adalah icon utama yang muncul padd address bar suatu website dan merupakan logo dari website tersebut , Juga dikenal sebagai shortcut icon, Web site icon, URL icon, or bookmark icon.
B. Latar Belakang
Mempunyai ciri kahs tersendiri dari sebuah website adalah sebuah keunikan tersendiri. Dengan menggunakan Favicon website kita bisa memiliki cira khas.
C. Maksud dan Tujuan
Mampu membuat favicon dengan HTMl.
D. Alat dan Bahan
Langkah awal untuk membuat faicon adalah kita harus mempersiapkan dulu file gambar yang kita jadi kan sebagai icon faicon pada website kita.
Baik itu gambar yang berekstensi jpg, png dan biasanya menggunkan file gambar yang berekstensi .ico.
Saya tidak begitu tau pasti apa perbedaan dari penggunaan file jpg, png atau ico. Mungkin kalau menggunakan file .ico agak lebih ringan. Karena file jpg yang diconvert ke ico akaan mengubah ukuran dan resulusi nya menjadi sangat kecil.
atau
Mampu membuat favicon dengan HTMl.
D. Alat dan Bahan
- Text Editor
- Web Browser
- Gambar atau sebuah icon, png dan jpg.
Langkah awal untuk membuat faicon adalah kita harus mempersiapkan dulu file gambar yang kita jadi kan sebagai icon faicon pada website kita.
Baik itu gambar yang berekstensi jpg, png dan biasanya menggunkan file gambar yang berekstensi .ico.
Saya tidak begitu tau pasti apa perbedaan dari penggunaan file jpg, png atau ico. Mungkin kalau menggunakan file .ico agak lebih ringan. Karena file jpg yang diconvert ke ico akaan mengubah ukuran dan resulusi nya menjadi sangat kecil.
- Covert File .jpg, png ke ico
- https://www.icoconverter.com/
- http://www.favicon-generator.org/
- http://convertico.com/
- dan masih banyak lagi situs lainnya.
Setelah kita memiliki file gambar yang akan kita jadikan favicon selanjutnya masuk ke cara membuat favicon dengan html. Untuk membuat favicon dengan html. kita bisa menggunkan tag <link>. Contoh pengunaannya sebagai berikut. letakkan code di dalam tag <head>.
<link rel="shortcut icon" href="letakkan lokasi file gambar disini">
atau
<link rel="shortcut icon" href="frmn.ico">atau
<link rel="shortcut icon" href="frmn.png">atau
<link rel="shortcut icon" href="frmn.jpg">Sesuaikan dengan ekstensi yang kita pakai
F. Refrensi
Semoga bermanfaat Wassalmualaikum Wr Wb.
0 comments