Ücretsiz AI Favicon Çevrimiçi Oluşturucu

Nasıl Çalışır

Photoshop, manuel yeniden boyutlandırma ve format dönüştürme zahmetini unutun. Ücretsiz AI favicon oluşturucumuz, metin açıklamanızı üç basit adımda eksiksiz, üretime hazır bir ikon paketine dönüştürür. Sadece ne istediğinizi yazın — yapay zeka geri kalan her şeyi halleder.

Ücretsiz ZIP Dosyanızın İçinde Neler Var?

Her indirme; web tarayıcıları, Windows, macOS, Linux, iOS, Android ve PWA'lar dahil olmak üzere her ana platformu kapsayan üretime hazır bir favicon paketidir. Eksik boyut yok, yanlış format yok — dosyaları projenize sürükleyin ve başlayın.

• 📄
  favicon.icoEvrensel tarayıcı ikonu
• 📄
  apple-touch-icon.pngiOS / iPadOS ana ekranı
• 📄
  favicon-16x16.pngTarayıcı sekme ikonu
• 📄
  favicon-32x32.pngStandart favicon
• 📄
  favicon-48x48.pngWindows site ikonu
• 📄
  favicon-180x180.pngApple Touch Icon
• 📄
  favicon-192x192.pngAndroid Chrome ikonu
• 📄
  favicon-512x512.pngPWA manifest ikonu

Tam Favicon Boyut Referans Tablosu

Oluşturduğumuz her ikon boyutu belirli bir amaca hizmet eder. İşte hangi platformların hangi boyutlara ihtiyaç duyduğuna ve her birinin tam olarak neden önemli olduğuna dair eksiksiz bir döküm.

Oluşturucumuz tek bir ZIP indirmesinde yedi çıktının tamamını üretir, böylece asla bir boyutu kaçırma konusunda endişelenmenize gerek kalmaz. İster kişisel bir blog ister bir Fortune 500 web uygulaması oluşturuyor olun, her platform tek bir metin isteminizden piksel mükemmelliğinde bir ikon alır.

Her Platform İçin İkonlar — Tek Bir Metin İstemi

Farklı işletim sistemleri ve platformların farklı ikon gereksinimleri vardır. AI favicon oluşturucumuz tek bir metin açıklamasından hepsini kapsar. İşte her platform için tam olarak neye ihtiyacınız olduğu ve ZIP dosyamızın bunu nasıl sunduğu.

Windows: Görev Çubuğu, Başlat Menüsü ve Kutucuklar İçin Faviconlar

Windows, web'in ilk günlerinden beri ICO formatını kullanıyor. Bir kullanıcı web sitenizi Windows görev çubuğuna sabitlediğinde, Başlat menüsüne eklediğinde veya bir masaüstü kısayolu oluşturduğunda, işletim sistemi bir <code>favicon.ico</code> dosyası arar. ICO formatı benzersizdir çünkü tek bir dosyada birden fazla çözünürlük içerebilir — favicon.ico dosyamız 16×16, 32×32 ve 48×48 piksel katmanlarını bir araya getirir, böylece Windows her zaman görüntüleme bağlamı için en uygun çözünürlüğü seçer.

Windows 10 ve 11, görev çubuğundaki sabitlenmiş site ikonları için 48×48 katmanını kullanırken, 32×32 katmanı adres çubuğunda ve yer imi listelerinde görünür. 16×16 katmanı, eski uygulamalar ve bağlam menüleri için bir geri dönüş görevi görür. Uygun bir çoklu çözünürlüklü ICO dosyası olmadan Windows ya genel bir küre ikonu ya da tek boyutlu bir görüntünün bulanık, büyütülmüş bir sürümünü gösterir.

Edge veya Chrome üzerinden yüklenen Windows PWA'lar (Progressive Web Apps) için, <code>manifest.json</code> dosyanızda referans verilen 192×192 ve 512×512 PNG ikonları Başlat menüsü, görev çubuğu ve Alt+Tab değiştiricideki uygulama ikonu için kullanılır. ZIP dosyamız her iki boyutu da içererek web uygulamanızı birinci sınıf bir Windows vatandaşı yapar. Bir Electron veya Tauri masaüstü uygulaması oluşturuyorsanız, 512×512 PNG, gerekli tüm DPI varyantlarıyla Windows .ico dosyaları oluşturan <code>electron-icon-builder</code> veya <code>tauri icon</code> komutları için mükemmel bir kaynaktır.

macOS: Safari, Dock, Spotlight ve Dokunmatik Çubuk

Apple'ın ekosistemi 180×180 piksel boyutunda Apple Touch Icon gerektirir. Bu ikon, kullanıcılar web sitenizi macOS Dock'a eklediğinde (Safari'nin "Dock'a Ekle" özelliği aracılığıyla), siteniz Spotlight arama sonuçlarında göründüğünde, Safari Okuma Listesi'nde ve bunu destekleyen MacBook Pro modellerinin Dokunmatik Çubuğunda (Touch Bar) görünür. Uygun boyutta bir apple-touch-icon.png olmadan macOS bunun yerine düşük kaliteli bir ekran görüntüsü küçük resmi oluşturur — bu da markanız için korkunç bir ilk izlenimdir.

Safari tarayıcı sekmesi için macOS, 32×32 PNG veya favicon.ico dosyasını kullanır. macOS Sonoma ve sonraki sürümlerdeki Safari, sabitlenmiş sekmeler için mask-icon'u da destekler, ancak standart PNG favicon'lar kullanım durumlarının %99'unu kapsayan mükemmel bir geri dönüş olarak çalışır. Oluşturucumuz, yüksek çözünürlüklü kaynak dosyalar sağlayarak ikonunuzun hem standart hem de Retina ekranlarda net görünmesini sağlar.

Bir macOS Electron veya Tauri uygulaması dağıtıyorsanız, 512×512 PNG, ICNS (Apple Icon Image) formatını oluşturmak için ideal kaynak görevi görür. <code>png2icns</code> veya Tauri CLI gibi araçlar bunu otomatik olarak dönüştürebilir. Yüksek çözünürlük, uygulama ikonunuzun Dock, Launchpad ve Hakkında iletişim kutusunda — Apple'ın 6K çözünürlükteki Pro Display XDR gibi en yüksek yoğunluklu ekranlarında bile — keskin görünmesini sağlar.

Linux: GNOME, KDE, Masaüstü Dosyaları ve Uygulama Başlatıcılar

Linux masaüstü ortamları, genellikle 48×48, 128×128, 256×256 ve 512×512 piksel olmak üzere birden fazla boyutta ikon bekleyen freedesktop.org İkon Teması Spesifikasyonu'nu takip eder. Bir web uygulaması başlatıcısı için <code>.desktop</code> dosyası oluşturduğunuzda, masaüstü ortamının uygulama menüsünde, görev çubuğunda, dock'ta ve bildirim alanında görüntüleyebileceği PNG ikonlarına ihtiyacınız vardır.

GNOME (Ubuntu, Fedora ve Pop!_OS'ta kullanılır), uygulama ızgarası için 48×48 ikonları ve Etkinlikler genel görünümü ile GNOME Yazılım merkezi için 192×192 veya daha büyük ikonları tercih eder. KDE Plasma (Kubuntu, openSUSE ve Manjaro KDE'de kullanılır) benzer şekilde ikonları ölçeklendirir ve hem 48×48 hem de 512×512 kaynakların mevcut olmasından yararlanır. ZIP dosyamız, kompakt görünümler için 48 piksel ikon ve yüksek DPI ölçeklendirme için 512 piksel ikon sağlayarak Linux geliştirme kurulumlarında yaygın olarak kullanılan 4K monitörlerde keskin işleme sağlar.

Chrome veya Edge üzerinden yüklenen Linux PWA'lar için aynı 192×192 ve 512×512 manifest ikonları geçerlidir. Tarayıcı, ikonu manifest.json dosyanızdan çekerek otomatik olarak bir .desktop başlatıcısı oluşturur. Dosyalarımız herhangi bir ek dönüştürme gerektirmeden doğrudan yerleşir. i3, Sway ve Hyprland gibi döşemeli pencere yöneticileri, pencere ikonlarını uygulamanın gömülü kaynaklarından görüntüler — 48×48 PNG bu kompakt UI bağlamları için mükemmel çalışır.

iOS ve iPadOS: Ana Ekran, Spotlight ve Handoff

Apple, iOS ve iPadOS için Apple Touch Icon olarak belirlenmiş 180×180 piksellik bir PNG gerektirir. Bu ikon, kullanıcılar Safari'de "Ana Ekran'a Ekle"ye dokunduğunda görünür ve web sitenizin yerel bir uygulama gibi görünmesini ve hissedilmesini sağlar. Ayrıca kullanıcılar sitenizi adıyla aradığında Spotlight arama sonuçlarında, sitenizde veri depolanmışsa Ayarlar uygulamasında ve kullanıcılar iPhone, iPad ve Mac arasında geçiş yaptığında Handoff özelliğinde görünür.

iOS, dokunmatik ikona kendi görsel efektlerini — otomatik yuvarlatılmış köşeler ve hafif bir alt gölge — uygular, bu nedenle ikonunuz yuvarlatılmış köşeleri kendiniz eklemeden tüm 180×180 tuvali doldurmalıdır. Yapay zekamız tam olarak bu davranış için optimize edilmiş ikonlar oluşturur: iOS maskesini uyguladıktan sonra harika görünen temiz kenarlı, tam taşmalı resimler. Sonuç, ana ekrandaki yerel uygulama ikonlarının yanında mükemmel bir şekilde duran bir ikondur.

iOS 16.4 ve sonraki sürümlerdeki PWA'lar için Apple nihayet Web Uygulaması Manifesti'ni destekliyor, bu da manifest.json dosyanızdaki 192×192 ve 512×512 ikonların da kullanılabileceği anlamına geliyor. Ancak apple-touch-icon.png, Safari'nin "Ana Ekran'a Ekle" akışı için birincil ikon kaynağı olmaya devam ediyor, bu nedenle her ikisini de dahil etmek en güvenli yaklaşımdır — ve ZIP dosyamızın sunduğu tam olarak budur.

Android: Chrome, PWA Yükleme ve Uyarlanabilir İkonlar

Android Chrome, "Ana ekrana ekle" kısayolları ve PWA yüklemeleri için birincil ikon olarak 192×192 PNG kullanır. 512×512 PNG, uygulamanız yüklenirken görünen PWA açılış ekranı (splash screen) için kullanılır ve Android'in Uyarlanabilir İkon (Adaptive Icon) sistemi (Android 8.0 Oreo ile tanıtıldı) için kaynak görevi görür.

Uyarlanabilir ikonlar, işletim sisteminin cihaz üreticisine ve kullanıcı ayarlarına bağlı olarak ikonları farklı şekillerde — daireler, yuvarlatılmış kareler, karemsi (squircle) veya gözyaşı damlaları — görüntülemesine olanak tanır. 512×512 ikon, Android'in kalite kaybı olmadan onu herhangi bir şekle kırpması ve maskelemesi için yeterli çözünürlük sağlar. Samsung, Xiaomi ve Pixel cihazların hepsi bunu farklı şekilde ele alır, ancak yüksek çözünürlüklü bir kaynakla ikonunuz her yerde keskin görünecektir.

manifest.json referansı basittir — hem geleneksel hem de uyarlanabilir ikon işlemeyi desteklemek için <code>"purpose": "any maskable"</code> ile hem 192 hem de 512 ikonlarını listelemeniz yeterlidir. Oluşturucumuz temiz merkez kompozisyonuna ve yeterli güvenli bölge marjlarına sahip ikonlar oluşturur, böylece Android hangi maske şeklini uygularsa uygulasın resim bozulmadan kalır.

Progressive Web Apps: Eksiksiz İkon Stratejisi

PWA'lar (Progressive Web Apps) platformlar arası geliştirmenin geleceğini temsil eder ve herhangi bir platformun en zorlu ikon gereksinimlerine sahiptir. Web Uygulaması Manifesti spesifikasyonu en az bir 192×192 ve bir 512×512 ikon gerektirir, ancak en iyi uygulamalar tüm cihazlarda ve yükleme bağlamlarında maksimum uyumluluk için tam boyut aralığının dahil edilmesini önerir.

İşte bir PWA bağlamında her boyutun tam olarak nasıl kullanıldığı: 192×192 ikon, Android ana ekranlarında ve Chrome uygulama rafında birincil uygulama ikonu olarak hizmet eder. 512×512 ikon, açılış ekranı (PWA başlatıldığında gösterilen yükleme ekranı), Chrome'un uygulama yönetimi sayfalarındaki uygulama listesi ve yüksek DPI'lı ekranlar için kaynak olarak kullanılır. Her iki boyut da Windows, macOS veya Linux PWA'yı kendi uygulama başlatıcılarında ve görev çubuklarında görüntülediğinde kullanılır.

İkonlarımızla düzgün yapılandırılmış bir PWA manifesti şuna benzer:

{
  "icons": [
    { "src": "/favicon-192x192.png", "sizes": "192x192", "type": "image/png", "purpose": "any maskable" },
    { "src": "/favicon-512x512.png", "sizes": "512x512", "type": "image/png", "purpose": "any maskable" }
  ]
}

HTML başlığınızdaki bu iki girişin yanı sıra standart favicon.ico ve apple-touch-icon.png ile PWA'nız Chrome, Edge, Firefox, Safari, Samsung Internet ve web uygulaması yüklemesini destekleyen her işletim sisteminde tam olarak kapsanır.

Tarayıcı Bazında Favicon Gereksinimleri

Her tarayıcı favicon çözünürlüğünü farklı şekilde ele alır. İşte her tarayıcının tam olarak hangi boyutları kullandığını gösteren ayrıntılı bir karşılaştırma — ve her biri metin isteminizden oluşturulan ücretsiz ZIP indirmemize dahildir.

Temel çıkarım: favicon.ico (çoklu çözünürlük), her standart boyuttaki bireysel PNG dosyaları ve apple-touch-icon.png'yi dahil ederek her modern ve eski tarayıcıda %100 kapsama elde edersiniz. AI oluşturucumuz tüm bunları saniyeler içinde tek bir metin açıklamasından oluşturur.

Masaüstü Uygulamaları: Electron, Tauri ve NW.js

Electron, Tauri veya NW.js ile platformlar arası bir masaüstü uygulaması mı oluşturuyorsunuz? Üç işletim sistemi için de yüksek kaliteli ikon kaynaklarına ihtiyacınız var. Her platformun kendi ikon formatı vardır: Windows için ICO, macOS için ICNS ve Linux için PNG. 512×512 PNG'miz hepsi için ideal ana kaynaktır.

Electron için <code>electron-icon-builder</code> paketi 512×512 veya 1024×1024 PNG alır ve gerekli tüm platforma özgü ikonları otomatik olarak oluşturur. Tauri için <code>tauri icon</code> CLI komutu aynı şeyi yapar — onu ZIP dosyamızdaki 512px PNG'ye yönlendirmeniz yeterlidir. Her iki çerçeve için de, manuel bir yaklaşımı tercih ederseniz paketimizdeki favicon.ico doğrudan Windows yürütülebilir ikonu olarak da kullanılabilir.

AI tarafından oluşturulan 512×512 resmimizle başlamanın avantajı, küçültmenin büyütmeden çok daha iyi sonuçlar vermesidir. Yapay zeka modelimiz yüksek çözünürlükte oluşturduğundan ve temiz kenarlar ile okunabilir ayrıntılar için optimize ettiğinden, sonuç ikonları her boyutta keskin görünür — 16px tarayıcı sekmesinden 512px uygulama başlatıcı ikonuna kadar.

Sosyal Medya ve Open Graph İkonları

Birisi web sitenizi Slack, Discord, Twitter/X, Facebook, LinkedIn veya Telegram'da paylaştığında, platform bağlantı önizleme kartında görüntülemek için Open Graph resminizi ve favicon'unuzu çeker. og:image etiketi ana önizleme resmini sağlarken, birçok platform alan adının yanında sitenin favicon'unu da görüntüler. 512×512 PNG, bu favicon'un her sohbet penceresinde ve sosyal akışta keskin ve net görünmesini sağlar.

Google Arama sonuçları da web sitesi URL'nizin yanında bir favicon görüntüler. Google en az 48×48 piksel önerir, ancak 192×192 veya daha büyük olması, Google'ın arama sonuçlarını işlediği yüksek DPI'lı mobil ekranlarda ikonun harika görünmesini sağlar. Bu boyutların tümü oluşturucumuzdan yapılan her indirmeye dahil olduğundan, marka kimliğiniz kullanıcıların sitenizle karşılaştığı her kanalda tutarlı kalır.

Bu Favicon Oluşturucu Neden Ücretsiz?

Bütçesi ne olursa olsun her web sitesinin profesyonel bir favicon'u hak ettiğine inanıyoruz. İster bir yan proje başlatan solo bir geliştirici, ister bir MVP oluşturan bir girişim, ister fikirlerin prototipini oluşturan bir tasarımcı veya müşteri işi teslim eden bir ajans olun, bir tarayıcı sekme ikonu kadar temel bir şey için ödeme yapmak zorunda kalmamalısınız.

Geleneksel favicon oluşturma; bir grafik tasarımcı, Photoshop veya Figma gibi bir resim düzenleyici, platforma özgü gereksinimler hakkında bilgi ve her formata manuel yeniden boyutlandırma gerektirir. Bu, küçücük bir ikon için saatlerce çalışma demektir. Yapay zekamız tüm bunları basit bir metin açıklamasından saniyeler içinde yapar — ne istediğinizi yazın, 4 varyant arasından seçim yapın, paketin tamamını indirin. Sıfır maliyet, sıfır sürtünme, sıfır tasarım becerisi gereklidir.

Bu aracı kendimiz de aynı sorundan bıktığımız için oluşturduk. Her yeni projenin favicon'lara ihtiyacı vardı ve her seferinde aynı sıkıcı süreçti. Şimdi bu 10 saniyelik bir görev. Bu nedenle dünyanın dört bir yanındaki geliştiriciler, bu oluşturucuyu favicon oluşturma için en hızlı ve en güvenilir çözüm olarak öneriyor — çünkü tek bir metin girişinden her platform için sorunu gerçekten tamamen çözüyor.

2025'te Faviconlar İçin Eksiksiz Kılavuz

Favicon Nedir?

Favicon ("favorites icon"un kısaltması), tarayıcı sekmelerinde, yer imi listelerinde, geçmişte ve arama sonuçlarında görüntülenen küçük resimdir. Web'deki en görünür markalama öğelerinden biridir — kullanıcılar sitenizi her açtıklarında, sekmeleri değiştirdiklerinde veya yer imleri arasında gezindiklerinde onu görürler. Küçük boyutuna rağmen iyi tasarlanmış bir favicon; marka bilinirliğini, kullanıcı güvenini ve web sitenizin algılanan profesyonelliğini önemli ölçüde artırır. Araştırmalar, kullanıcıların belirgin ve tanınabilir favicon'ları olan sitelere geri dönme olasılığının daha yüksek olduğunu gösteriyor çünkü bunlar tarayıcı sekmeleri denizinde görsel çapalar görevi görüyor.

Favicon Boyutları Neden Önemlidir?

Web, orijinal 16×16 piksellik favicon'un çok ötesine geçti. Bugün farklı platformlar ve bağlamlar çok farklı ikon boyutları talep ediyor. Tarayıcı sekmeleri hala 16×16 veya 32×32 piksel kullanıyor. Windows görev çubuğu sabitlemeleri 48×48'e ihtiyaç duyuyor. iOS ana ekranları tam olarak 180×180 gerektirir. Android Chrome ve Progressive Web Apps 192×192 ve 512×512 bekler. Klasik favicon.ico, eski uyumluluk için 16, 32 ve 48 piksellik katmanları tek bir dosyada toplar.

Bir boyutun eksik olması, ikonunuzun ya hiç görünmeyeceği ya da otomatik ölçeklendirme nedeniyle bulanıklaşacağı anlamına gelir — her ikisi de kullanıcı deneyimi ve marka algısı için korkunçtur. Bulanık bir favicon, bilinçaltında bile olsa kullanıcılara "bu site amatör" sinyali verir. Oluşturucumuz metin açıklamanızdan her standart boyutu otomatik olarak üretir, böylece birini kaçırma konusunda asla endişelenmenize gerek kalmaz. Tek bir istem, tek bir indirme, her platform kapsanmış olur.

AI Destekli Tasarım: Metinden İkona Saniyeler İçinde

Geleneksel favicon oluşturma; grafik tasarım becerileri, bir resim düzenleyici ve zaman — genellikle tek bir ikon için saatler — gerektirir. AI metinden resme teknolojisiyle tüm bunları atlarsınız. Sadece ne istediğinizi açıklayın — "minimalist mor bir baykuş", "geometrik gün doğumu logosu", "neon şimşek" — ve AI modeli küçük boyutlu işleme için optimize edilmiş piksel mükemmelliğinde resimler üretir.

Her oluşturma işlemi, metin isteminizin 4 farklı yorumunu oluşturur, böylece tek bir sonuca mahkum kalmaz, gerçek bir yaratıcı seçime sahip olursunuz. Yapay zeka, favicon'ların çok küçük boyutlarda çalışması gerektiğini anlar, bu nedenle yüksek kontrastlı, net silüetli ve 16×16 pikselde bile tanınabilir kalan okunabilir şekillere sahip tasarımları otomatik olarak oluşturur. Bu, deneyimli tasarımcıların bile genellikle zorlandığı bir şeydir — hem 16 pikselde hem de 512 pikselde harika görünen bir ikon oluşturmak.

Web Sitenize Favicon Nasıl Yüklenir?

ZIP dosyasını indirdikten sonra web sitenizin kök klasörüne (veya Next.js, Vite, Nuxt, SvelteKit, Remix veya Create React App gibi çerçevelerde <code>/public</code> klasörüne) çıkarın. Ardından HTML <code><head></code> kısmına aşağıdakileri ekleyin:

PWA desteği için <code>manifest.json</code> dosyanızdaki 192×192 ve 512×512 ikonlarına referans verin. Bunu destekleyen çerçeveler için dosyaları public veya static dizininize de yerleştirebilirsiniz; bunlar otomatik olarak sunulacaktır. Bu, tek bir metin isteminden ve tek bir ZIP indirmesinden her ana tarayıcıyı, mobil işletim sistemini, masaüstü işletim sistemini ve uygulama platformunu kapsar.

Geliştiriciler Neden Bu Oluşturucuyu Öneriyor?

Favicon sorunu, onunla 50. kez uğraşana kadar önemsiz görünür. Her yeni proje, her yeni müşteri, her yeni prototip — aynı tekrarlayan süreç: resim bul veya oluştur, 8'den fazla formata yeniden boyutlandır, tarayıcılar arasında test et, Apple Touch Icon'u unuttuğunu fark et, geri dön, yeniden dışa aktar. Bu, binlerce küçük kesikle gelen bir ölümdür.

Oluşturucumuz bu iş akışının tamamını ortadan kaldırır. Bir açıklama yazın, bir varyant seçin, ZIP'i indirin. Bitti. Dünyanın dört bir yanındaki geliştiricilerin bu oluşturucuyu önermesinin nedeni budur — süslü olduğu için değil, gerçek ve tekrarlayan bir sorunu gerçekten çözdüğü için. Çıktı her platform için üretime hazırdır: Windows, macOS, Linux, iOS, Android, PWA, Electron, Tauri, her tarayıcı. Eksik boyut yok, yanlış format yok, manuel çalışma yok. Sadece bir metin istemi ve bir indirme düğmesi.

İster bir startup MVP'si yayınlıyor olun, ister müşteri sitelerinden oluşan bir portföy yönetiyor olun, ister açık kaynaklı bir proje oluşturuyor olun veya yeni bir fikrin prototipini yapıyor olun — bu araç size saniyeler içinde profesyonel kalitede faviconlar sunar. Ücretsiz. Metinden. Değer önerisi budur ve bu yüzden işe yarar.

Sıkça Sorulan Sorular