Tag: favicon

Membuat Favicon Website untuk iPhone dan iPad

 

Anda punya website? Tentu kita ingin website kita mudah dikenal. Salah satunya dengan icon, atau secara khusus disebut favicon. Yaitu icon yang muncul di tab judul di browser ( Firefox, Chrome, Internet Explorer, Opera, dll).

Favicon memiliki beberapa fungsi antara lain

Mudah dikenali. Saat ini banyak dari pembaca membuka website di banyak tab dalam satu browser. Untuk pindah halaman maka dengan adanya identitas gambar akan mempermudah dan mempercepat keputusan dari pada hanya teks saja. Intinya membaca gambar lebih nyaman dari pada membaca teks.

Menunjukkan kepada pembaca bahwa kita serius mengelola website, bukan hanya main-main. Dengan adanya favicon, maka akan membawa website kita satu tingkat lebih tinggi.

Lalu mengapa kita juga harus menyediakan icon untuk iPad dan iPhone? Karena berdasarkan data yang dirilis NetMarketShare. Perangkat Apple ini (Ipad, iPhone, iPod) menduduki peringkat pertama sebagai pengakses internet mobile yang mencapai 63.5 % dari total pengguna internet mobile, disusul Android 21 %, Java ME 9.3 %, dan Blackberry 1.8 %. Keseluruhan jumlah tersebut adalah 8.9 % dari total pengguna komputer diseluruh dunia. Untuk alasan tersebut pastinya kita ingin website kita tampil lebih ciamik bagi para pengguna perangkat tersebut.

Bagaimana memulainya? Mula-mula kita harus membuat gambar yang akan menjadi icon website kita. Kalau bisa hasil kreasi sendiri sehingga mempunyai keunikan tersendiri. Yang mudah bisa pakai Corel DRAW untuk membuatnya. Direkomendasikan gambar yang berformat .PNG. Sehingga bila membutuhkan fitur transparansi, misalnya gambar tidak sepenuhnya kotak, ada radius di ujungnya, atau bentuk yang tidak beraturan.

Ada beberapa situs yang menawarkan pembuatan icon secara gratis. Diantaranya:

Favicongenarator

www.favicongenerator.com

favicongenerator
www.favicongenerator.com

Kita bisa membuat favicon disini. Sangat simple dan sederhana. Kita hanya disuguhkan untuk membuat 1 macam favicon untuk general browser. Jadi kita tidak bisa membuat icon standar untuk iPhone dan iPad.

 

Mpowerinternet

www.mpowerinternet.com

mpower
www.mpowerinternet.com

Ada efek glass untuk optimalisasi icon, fitur crop dan resize.

 

Pic2icon

www.pic2icon.com

pic2icon
www.pic2icon.com

Di sini, kita disuguhi berbagai fitur efek untuk icon-icon kita seperti saturasi, grayscale, black and white, frosted glass, charcoal sketch, pencil sketch, blur, dan masih banyak lagi. Ada lagi rotate, resize, dan sharpen.

 

Iconj

www.iconj.com

iconj
www.iconj.com

Disini, lebih lengkap. Efek glass-reflection yang menjadi primadona icon-icon saat ini, bisa kita pilih beberapa model yang kita inginkan. Ditambah bayangan icon. Dan juga beberapa pilihan ukuran icon. Karena ternyata iPhone 3 dan iPhone 4, juga iPad menggunakan standar yang berbeda untuk resolusi icon.

Nah itu dia tips membuat favicon. Selamat mencoba.

Update:

RealWorld Graphics

Gw-design

Website lain yang perlu dicoba untuk membuat icon adalah http://www.rw-designer.com . Untuk membuat icon kita bisa mengkonversi dari gambar yang sudah kita punya ataupun membuat icon yang benar-benar baru. Menurut penulis hasil .ico yang dihasilkan lebih baik dari dari favicongenerator dari segi transparansi.

  • Untuk membuat icon baru bisa menggunakan Online Icon Maker.
  • Untuk mengkonversi gambar yang sudah dipunyai menjadi icon bisa menggunakan Image to Icon.