Favicon & Web / PWA Uygulama İkonu Paket Oluşturucu (ICO & PNG)

Logonuzu yükleyin; tarayıcılar, iOS Apple Touch Icon (180x180), Android Chrome ve Google SERP için gereken tüm standart favicon boyutlarını (16x16, 32x32, 48x48, 192x192) ve HTML meta kodlarını tek tıkla üretin.

Logo Yükleyin veya İkon Tasarlayın

Logo / Görsel Seçin (PNG, JPG, SVG)

— veya hızlı harf ikonu oluşturun —

İkon Harfi / Metin

Arka Plan Rengi

Metin Rengi

Köşe Yuvarlaklığı

Standart Favicon Boyutları & Kodlar

App Icon (180x180)

Favicon 32x32

Tab 16x16

HTML Meta Kodları

<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="/apple-touch-icon.png">

Favicon ve Web Uygulama İkonları Tasarım Rehberi (SEO & UX)

Favicon (Favorite Icon), ilk olarak Internet Explorer 5 döneminde sekme başlıklarında basit bir 16x16 piksel görsel olarak hayatımıza girdi. Günümüzün modern internet dünyasında ise favicon; Google masaüstü ve mobil arama sonuçlarından (SERP) akıllı telefonların ana ekranlarına (iOS Safari PWA & Android Chrome), tarayıcı geçmişinden bildirim çubuklarına kadar markanızın dijital dünyadaki en kritik görsel temsilcisidir.

1. Favicon'un Organik SEO ve Tıklama Oranına (CTR) Etkisi

Google, mobil ve masaüstü arama sonuçlarında her bir snippet'in sol tarafına sitenin resmi faviconunu yerleştirir. Arama motoru kullanıcıları gözleriyle sayfayı tararken ilk olarak renkli ve ayırt edici favicon ikonlarına odaklanır. Kalitesiz, silik veya varsayılan (örneğin boş dünya simgesi ya da hosting varsayılan logosu) bir favicon:

Kullanıcıda sitenin güncellenmediği veya güvenilmez olduğu hissini uyandırır.
Aynı sıralamadaki profesyonel tasarımlı rakiplere kıyasla organik tıklama oranını (CTR) %15 ila %30 oranında düşürür.
Googlebot-Image tarafından düzenli taranıp dizine eklendiğinde marka bilinirliğinizi perçinler.

2. Bütünleşik Web & Mobil İkon Boyutları Matrisi

İkon Türü	Ölçü (Piksel)	Dosya Formatı	Kullanım Yeri & Platform
Standart Favicon	16 x 16 px	PNG / ICO	Klasik masaüstü tarayıcı sekmeleri ve yer imleri çubuğu
Retina / Yüksek Çözünürlük	32 x 32 px	PNG	MacBook Retina ekranlar, modern tarayıcı adres çubukları
Google SERP Standardı	48 x 48 px (veya 96x96)	PNG / SVG	Googlebot tarafından taranıp SERP sonuçlarında listelenen ikon
Apple Touch Icon	180 x 180 px	PNG	iPhone ve iPad ana ekrana ekle (Add to Home Screen) simgesi
Android / PWA Manifest	192 x 192 & 512 x 512 px	PNG	İlerici Web Uygulamaları (PWA), Android bildirimleri ve splash ekranı
Vektörel Dinamik İkon	Herhangi (Ölçeklenebilir)	SVG	Koyu tema (Dark Mode) renk değişimi destekli ultra modern ikon

3. Google SERP Favicon Yönergeleri (Googlebot Kriterleri)

Google Arama motorunun web sitenizin faviconunu SERP üzerinde doğru biçimde göstermesi için şu teknik şartları karşılamanız gerekir:

48 Piksel Katları Kuralı: İkon görseli mutlaka kare olmalı ve boyutu 48x48 piksel veya katları (96x96, 144x144 vb.) şeklinde olmalıdır.
Taranabilir ve Sabit URL: Favicon dosya yolu robots.txt ile engellenmemeli ve URL adresi sık sık değiştirilmemelidir.
Uygunsuz İçerik Yasağı: Nefret söylemi veya telif ihlali içeren semboller Google tarafından filtrelenerek varsayılan gri dünya simgesiyle değiştirilir.

4. Koyu Tema (Dark Mode) Uyumlu SVG Favicon Nasıl Eklenir?

Koyu tema kullanan kullanıcıların siyah tarayıcı sekmelerinde koyu renkli logolar kaybolabilir. Modern web sitelerinde tek bir SVG favicon dosyası içinde CSS @media (prefers-color-scheme: dark) kuralı tanımlanarak zemin rengi siyah olduğunda logonun otomatik olarak beyaza dönmesi sağlanabilir.

Favicon Hakkında Sıkça Sorulan Sorular

Favicon nedir ve Google arama sonuçlarındaki (SERP) önemi nedir?

Favicon, tarayıcı sekmelerinde, yer imlerinde ve Google'ın hem mobil hem masaüstü arama sonuçlarında (SERP) web sitenizin URL'inin yanında görünen marka simgesidir. Doğru ve dikkat çekici bir favicon, arama sonuçlarında kullanıcıların sitenizi hızla tanımasını sağlayarak organik tıklama oranını (CTR) artırır.

Hangi favicon boyutları zorunludur?

Standart masaüstü tarayıcı sekmeleri için 16x16 ve 32x32 piksel PNG/ICO; Google arama motoru indekslemesi için 48x48 piksel katları; iOS iPhone/iPad ana ekranı için 180x180 piksel apple-touch-icon; Android ve PWA manifest için ise 192x192 ve 512x512 piksel boyutları zorunlu endüstri standartlarıdır.

Google arama sonuçlarında sitemin faviconu neden görünmüyor?

Googlebot-Image botunun favicon dosyasını tarayabilmesi için robots.txt tarafından engellenmemiş olması, görselin en az 48x48 piksel (veya katı: 96x96, 144x144, 192x192) kare olması ve sayfa kodunda <link rel="icon" ...> etiketiyle açıkça belirtilmiş olması gerekir. Yeni eklenen faviconların taranıp SERP'e yansıması birkaç gün sürebilir.

SVG formatında favicon kullanmanın avantajı nedir?

SVG vektörel olduğu için dosya boyutu 1-2 KB civarındadır ve her ekran çözünürlüğünde sıfır kalite kaybıyla keskin kalır. Ayrıca CSS @media (prefers-color-scheme: dark) desteği sayesinde kullanıcının cihazı koyu temaya (dark mode) geçtiğinde ikonun rengi otomatik olarak değişebilir.

İşinizi Dijitalde Büyütmeye Hazır mısınız?

Kurumsal web tasarım, özel yazılım çözümleri ve doğrudan dönüşüm odaklı performans pazarlama stratejilerimizle markanızı zirveye taşıyalım.

Ücretsiz Keşif & Teklif Alın 0535 573 37 56