Havalı Bir Site İkonu Oluşturmanın 4 Kuralı | Favicon Nasıl Yapılır?

“Site ikonu, tamamlanmış web siteniz için pastanın üstündeki çilek gibidir.”

Site İkonları Nelerdir?
(ingilizcesi favicon, “favorite icon” için kısaltma), bir web sayfasını yer imlerine eklediğinizde web sitesinin veya sayfasının ilişkilendirilmesi ile ilgili bir ikondur. Web tarayıcıları bunları URL çubuğunda, sekmelerde ve web sitesinin görsel olarak tanımlanmasına yardımcı olacak diğer yerlerde kullanılır. Bununla birlikte, mobil cihazların uygulama ikonu olarak da kullanılır.

Özetle bir site ikonunun ne olduğunu ve nerelerde kullanıldığını öğrendik. Şimdi de güzel bir site ikonunun nasıl görünmesi gerektiğini öğrenelim:

1. Açık bir şekilde anlaşılacağı gibi, site ikonu bir ziyaret kartıdır ve sitenizin tarzıyla uyumlu olmalıdır. Bir site ikonu oluşturma işlemi sırasında ilgili sitenin veya logonun renk skalasını ve tasarım öğelerini kullanmak daha doğrudur. Site ikonu, site ile ilişkilendirilmelidir. Bu site ikonunun temel görevidir.

1. Site ikonu olarak bütün bir resim kullanmayı denemeyin. Bir veya iki anlaşılır element kullanmak yeterli olacaktır.

1. Site ikonu olarak sitenin uzmanlık alanını gösteren bir görsel çizebilirsiniz. Örneğin, telefon satan bir mağaza sitesi için telefon. Yine de bu ikonun siteyi tamamen tanımladığından emin olmalısınız. Yani elektrikli süpürge de satan bir ev aletleri mağazası için çamaşır makinesi site ikonu uygun bir seçim olmayacaktır.

1. Kullanıcılar tarafından kolaylıkla hatırlanabilecek bir site ikonu yapabiliyorsanız bu harika olur. Bu konuda başarılı olmak için kullanıcılara tanıdık gelen görseller kullanabilirsiniz.

Bir ikon oluşturmaya başlamadan önce, süreci ve uygulamayı etkileyecek oluşundan ötürü, bunun nerede ve nasıl kullanılacağını bilmemiz gerekir:

• Hangi format gerekli?
• Hangi boyut gerekli?

Dosya formatı

Popüler görüşün aksine, site ikonların .ico formatında oluşturulması gerekli değildir. Elbette ki .ico formatı en popüler site ikonu dosya türü olabilir ancak tek değildir. Esasında site ikonları çok çeşitli dosya tipleriyle gelir. En yaygın site ikonu formatlarından bazıları:

• .ico
• .gif
• .png
• .jpg

Site ikonumun boyutları ne olmalıdır?
Site ikonları, tipik olarak 16×16 veya 32×32 pixel boyutlarında kare biçimli görsellerdir. 64×64 hatta daha büyük boyutları mümkün olsa da 16×16 pixel boyutundan büyük ikonlar için tarayıcı desteği tutarsızdır. Genel olarak 16×16 pixel site ikonları yeterli olsa da Microsoft’s Internet Explorer gibi bazı tarayıcılar favorilere eklenmiş sitelerin site ikonlarını 32×32 boyutunda da görüntüleyebilir.

Site ikonu nasıl oluşturulur?
İnternette site ikonu oluşturmak için birçok site bulunmaktadır. Görselinizi yükleyebilir ve istediğiniz formata dönüştürebilirsiniz. Hatta yeni bir logo da çizebilirsiniz. Aşağıda birkaç farklı servis paylaştım. Bu servislerden birini kullanırsanız tasarımınızı uygun bir site ikonu formatına çevirecektir:

• Ziyaretçiler için gizlenmiş link,görmek için Giriş yap veya üye ol.
• Ziyaretçiler için gizlenmiş link,görmek için Giriş yap veya üye ol.
• Ziyaretçiler için gizlenmiş link,görmek için Giriş yap veya üye ol.
• Ziyaretçiler için gizlenmiş link,görmek için Giriş yap veya üye ol.

Başka bir yazımda da önerdiğim Logaster ile devam edelim çünkü Logaster’da özgün site ikonları oluşturmak gerçekten çok kolay. Sitede, şirketinizin (sitenizin) adını ve aktivite alanını yazıyorsunuz. Sistem, aralarından en beğendiğinizi seçebileceğiniz konu ile ilgili tasarımları otomatik olarak oluşturuyor.


, tasarımcı veya Photoshop becerileri gerektirmeksizin, kullanıcılara onlarca hazır site ikonu oluşturma imkanı sunmaktadır. Bu, kullanıcılara zamandan tasarruf ve sunulanlar arasından en beğendiklerini 2 dakikada seçme imkanı sunar:

1. Logaster ana sayfasında Site ikonu sekmesine tıklayın

<img data-fr-image-pasted="true" width="900" height="443" class="aligncenter wp-image-5004" alt="site ikonu nasıl oluşturulur" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" data-src=" " data-lazyloaded="1"><noscript><img data-fr-image-pasted="true" width="900" height="443" class="aligncenter wp-image-5004" alt="site ikonu nasıl oluşturulur" src=" ">

1. Gelecekteki simgeniz olan site ikonu tasarımınızı seçin

<img data-fr-image-pasted="true" width="900" height="567" class="aligncenter wp-image-5005" alt="favicon seçimi" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" data-src=" " data-lazyloaded="1"><noscript><img data-fr-image-pasted="true" width="900" height="567" class="aligncenter wp-image-5005" alt="favicon seçimi" src=" ">

1. Tarayıcı sekmesinde siteniz için görüntülenecek görsel seçin

<img data-fr-image-pasted="true" width="900" height="633" class="aligncenter wp-image-5006" alt="tarayıcı sekmesinde görünen görsel - favicon" src="data:image/gif;base64,R0lGODdhAQABAPAAAMPDwwAAACwAAAAAAQABAAACAkQBADs=" data-src=" " data-lazyloaded="1"><noscript><img data-fr-image-pasted="true" width="900" height="633" class="aligncenter wp-image-5006" alt="tarayıcı sekmesinde görünen görsel - favicon" src=" ">

1. Kaydedin.

Hepsi bu kadar. Sadece 4 adımda şimdi oluşturun.