Favicon Oluşturucu

Herhangi bir logoyu ya da resmi eksiksiz bir favicon setine dönüştürün: çok boyutlu bir favicon.ico, bir apple-touch-icon, Android/web uygulaması simgeleri ve yapıştırmaya hazır bir HTML parçacığı. Kare, yuvarlatılmış veya daire bir şekil seçin, dolgu ya da arka plan rengi ekleyin ve tüm paketi ZIP olarak indirin. Her şey tarayıcınızda yerel olarak oluşturulur — resminiz asla yüklenmez.

Önce gizlilik: her görsel tarayıcınızda yerel olarak işlenir. Hiçbir şey bir sunucuya yüklenmez, saklanmaz veya iletilmez.

PixelVault'un favicon oluşturucusu, hiçbir şey yüklemeden herhangi bir resmi eksiksiz bir web sitesi ve uygulama simgesi setine dönüştürür. Çoğu “favicon oluşturucu” sitesi, tek bir simge bile geri almadan önce logonuzu sunucularına göndermenizi ister. Burada her dosya — çok çözünürlüklü favicon.ico, PNG simgeler ve manifest — doğrudan tarayıcınızın içinde üretilir, böylece marka görselleriniz cihazınızdan asla ayrılmaz.

Modern bir sitenin birden fazla simgeye ihtiyacı vardır. Tarayıcılar adres çubuğu ve sekmeler için küçük bir favicon.ico okur, iOS ana ekran için 180×180 bir apple-touch-icon ister, Android ve PWA'lar ise bir web manifest dosyasından başvurulan 192 ve 512px PNG'ler kullanır. PixelVault bunların hepsini tek bir kaynak resimden aynı anda oluşturur ve size yapıştırmaya hazır bir HTML parçacığı verir; böylece hepsini bağlamak saniyeler sürer.

Simgenin nasıl görüneceğini siz denetlersiniz. Düz bir kare olarak bırakın, köşeleri yuvarlatın ya da daireye kırpın; bir kelime logosunun kenara yapışmaması için dolgu ekleyin; saydam veya düz bir arka plan seçin. Canlı önizleme, sonucu gerçek favicon boyutlarında — sahte bir tarayıcı sekmesi dahil — gösterir, böylece indirmeden önce ziyaretçilerin tam olarak ne göreceğini bilirsiniz.

Nasıl çalışır

Bir resim eklediğinizde tarayıcı onu belleğe çözer ve PixelVault, seçtiğiniz şekil maskesini, dolguyu ve arka planı uygulayarak resmi her simge boyutunda kare canvas'lara yeniden çizer. Her canvas, tarayıcının yerleşik kodlayıcısıyla PNG'ye kodlanır ve 16, 32 ve 48px PNG'ler tek bir favicon.ico içine (yaygın olarak desteklenen PNG-in-ICO kapsayıcısı) paketlenir. SVG logolar önce yüksek çözünürlükte yerel olarak tarama grafiğine dönüştürülür, böylece simgeler net kalır.

Yerel işlem neden önemli

Simgeleri yerel olarak oluşturmak, logonuzun — çoğu zaman henüz yayınlanmamış marka çalışmasının — üçüncü taraf bir hizmet tarafından asla iletilmediği, saklanmadığı veya günlüğe kaydedilmediği anlamına gelir. Ayrıca anlıktır: yükleme, kuyruk ya da indirme gidiş dönüşü yoktur ve sayfa bir kez yüklendikten sonra çevrimdışı çalışmaya devam eder. İndirdiğiniz şey, tarayıcınızın ürettiğinin tam olarak kendisidir; eklenen hiçbir şey yoktur.

Desteklenen biçimler

  • ICO — Sekmeler ve adres çubuğu için çok çözünürlüklü favicon.ico (16/32/48px).
  • PNG — Apple-touch-icon (180px) ve Android/PWA simgeleri (192 ve 512px).
  • SVG — Yalnızca giriş — vektör logolar en net simgeler için yerel olarak tarama grafiğine dönüştürülür.
  • JPG / WebP — PNG'nin yanı sıra kaynak resim olarak kabul edilir.

Yaygın kullanım alanları

  • Yeni bir web sitesi veya açılış sayfası için favicon.ico ve uygulama simgeleri oluşturun.
  • Bir PNG veya SVG logoyu düzgün, çok boyutlu bir ICO dosyasına dönüştürün.
  • Bir PWA için apple-touch-icon ve web manifest simgeleri oluşturun.
  • Logoyu çevrimiçi bir hizmete vermeden bir markanın favicon setini yenileyin.

Sıkça sorulan sorular

Favicon oluşturmak için resmim yükleniyor mu?
Hayır. favicon.ico, PNG simgeler ve manifest dosyasının tümü Canvas API kullanılarak tarayıcınızda yerel olarak oluşturulur. Resminiz cihazınızdan asla ayrılmaz.
Hangi boyutları ve dosyaları alıyorum?
Çok çözünürlüklü bir favicon.ico (16, 32 ve 48px), 16, 32, 48, 180 (apple-touch-icon), 192 ve 512px boyutlarında PNG simgeler, bir site.webmanifest ve <head> bölümünüze yapıştıracağınız bir HTML parçacığı.
Bir PNG veya SVG dosyasını ICO'ya dönüştürebilir miyim?
Evet. Bir PNG, JPG, SVG veya WebP bırakın ve gerçek bir favicon.ico indirin. SVG logolar önce yüksek çözünürlükte yerel olarak tarama grafiğine dönüştürülür.
En iyi hangi resim işe yarar?
Sade, yüksek kontrastlı bir logo içeren kare bir resim. Kare olmayan resimler sığması için ortadan kırpılır; istediğiniz gibi çerçevelemek için dolgu ve şekil denetimlerini kullanın.
Favicon'u nasıl kurarım?
Paketi sitenizin kök klasörüne açın ve verilen HTML parçacığını sayfalarınızın <head> bölümüne yapıştırın. favicon.ico çoğu tarayıcı tarafından otomatik olarak alınır.