Nexsol Araçları · Web

Favicon Üreteci

Harf, emoji ya da yüklediğiniz görselden saniyeler içinde favicon oluşturun. Tüm boyutları (16, 32, 48, 180, 512) PNG olarak indirin ve HTML kodunu kopyalayın.

Kaynak

Harf veya emoji

Şekil

Yazı tipi

Arka plan

#0b0b0f

Yazı rengi

#e8456e

Önizleme

HTML <head> kodu

<link rel="icon" type="image/png" sizes="32x32" href="/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="/favicon-16x16.png">
<link rel="apple-touch-icon" sizes="180x180" href="/favicon-180x180.png">
<link rel="icon" type="image/png" sizes="512x512" href="/favicon-512x512.png">

Favicon nedir, nasıl oluşturulur?

Favicon, tarayıcı sekmesinde, yer imlerinde ve arama sonuçlarında sitenizi temsil eden küçük marka simgesidir. İyi bir favicon, kullanıcıların onlarca sekme arasında sitenizi tanımasını sağlar ve kurumsal güven verir.

Bu araçla bir harf/emoji seçip arka plan ile yazı rengini ayarlayabilir veya hazır bir logo görseli yükleyebilirsiniz. Canlı önizlemeyi gördükten sonra ihtiyacınız olan tüm boyutları PNG olarak indirip aşağıdaki HTML kodunu sitenizin <head> bölümüne ekleyin.

16 × 16: Klasik sekme ve adres çubuğu simgesi
32 × 32: Yüksek DPI ekranlar ve görev çubuğu
180 × 180: Apple touch icon (iOS ana ekran)
512 × 512: PWA / Android ana ekran ve manifest

Sık sorulan sorular

Favicon nedir?

Favicon, tarayıcı sekmesinde, yer imlerinde ve arama sonuçlarında sitenizi temsil eden küçük simgedir. Genellikle markanızın baş harfini veya logosunu içerir ve sitenizin kimliğini güçlendirir.

Hangi favicon boyutlarını oluşturmalıyım?

En yaygın boyutlar 16×16 (sekme), 32×32 (retina ekran/görev çubuğu), 48×48 (Windows), 180×180 (Apple touch icon) ve 512×512 (PWA/manifest) şeklindedir. Bu araç hepsini tek tıkla üretir.

Favicon için .ico mu yoksa PNG mi kullanmalıyım?

Modern tarayıcıların tamamı PNG faviconları destekler; ayrı bir .ico dosyasına çoğu durumda gerek yoktur. PNG daha esnek ve şeffaflık desteklidir. Eski Internet Explorer desteği gerekiyorsa ek olarak bir favicon.ico bulundurabilirsiniz.

Apple touch icon nedir?

Apple touch icon, bir kullanıcı sitenizi iOS ana ekranına eklediğinde görünen 180×180 piksellik simgedir. <link rel="apple-touch-icon"> etiketiyle tanımlanır ve markanızın mobil görünümünü belirler.

Favicon siteme nasıl eklenir?

Ürettiğiniz PNG dosyalarını sitenizin kök dizinine yükleyin ve araçtaki HTML kodunu sayfanızın <head> bölümüne yapıştırın. Tarayıcı önbelleği nedeniyle değişikliğin görünmesi birkaç dakika sürebilir; sert yenileme (Ctrl+F5) yapabilirsiniz.

Yüklediğim görsel güvende mi, sunucuya gidiyor mu?

Hayır. Tüm işlem tamamen tarayıcınızda (istemci tarafında) yapılır; yüklediğiniz görsel hiçbir sunucuya gönderilmez veya saklanmaz. Bu yüzden araç hem hızlı hem gizliliğe saygılıdır.

Web tasarım

Kurumsal web sitenizi uzman ellere emanet edin

Web Çözümleri Ücretsiz Teklif

Marka, tasarım ve hızlı kurumsal web; tasarımdan yayına Nexsol mühendisliğiyle.