Favicon Oluşturucu
ÜcretsizBir görsel yükleyin ve tam bir favicon paketi alın: favicon.ico, tarayıcıların ve cihazların beklediği her PNG boyutu, apple-touch-icon, Android ikonları, bir site.webmanifest ve yapıştırılacak HTML; hepsi tek bir ZIP'te.
Tamamen tarayıcınızda çalışır. Resminiz hiçbir yere yüklenmez.
Bir resim seçmek için tıklayın, veya buraya sürükleyip bırakın
Kare bir görsel en iyi sonucu verir, ancak her boyut ve şekil kabul edilir.
Kare Olmayan Görseller
Uygulama Bilgileri (site.webmanifest için)
Oluşturulan Boyutlar
Son Etkinlik
Herkese açık. Tüm ziyaretçilerin son 20 kullanımı, en yeniden en eskiye.
Favicon set generated
1 saat önce
Favicon set generated
1 saat önce
Favicon set generated
1 saat önce
Favicon set generated
1 saat önce
Bu araç ne işe yarar
Bir logo veya görsel yükleyin, bu araç tam bir favicon paketi oluşturur: çok çözünürlüklü bir favicon.ico, modern tarayıcıların ve cihazların beklediği her boyutta ayrı PNG'ler, bir apple-touch-icon, Android Chrome ikonları, önceden doldurulmuş bir site.webmanifest ve sayfanızın <head> bölümüne yapıştırılacak tam HTML etiketleri; hepsi tek bir ZIP indirmesinde bir araya getirilir.
Nasıl Çalışır
Görseliniz, tercihinize bağlı olarak ortalanmış bir kareye kırpılarak veya bir arka plan rengiyle tamamlanarak her hedef boyutta (16, 32, 48, 180, 192 ve 512 piksel) bir HTML canvas üzerine çizilir. Ardından en küçük üç boyut, günümüzdeki her tarayıcının ve işletim sisteminin doğru şekilde okuduğu hafif bir ikili kapsayıcı olan PNG gömülü ICO biçimi kullanılarak tek bir favicon.ico içinde birleştirilir. ZIP dosyasının kendisine kadar her şey tarayıcınızda oluşturulur; hiçbir şey yüklenmez.
Hangi sorunları çözer
- Her birini elle yeniden boyutlandırmak yerine, modern bir sitenin ihtiyaç duyduğu her favicon boyutunu tek bir kaynak görselden oluşturmak.
- Özel görsel yazılımı olmadan doğru yapılandırılmış, çok boyutlu bir favicon.ico üretmek.
- Sadece görsel dosyaları değil, kullanıma hazır bir site.webmanifest ve eşleşen HTML etiketlerini de elde etmek.
- Yayınlamadan önce ikonun bir tarayıcı sekmesinde gerçekte nasıl görüneceğini önizlemek.
Sık sorulan sorular
›Neden bu kadar çok farklı boyuta ihtiyacım var?
Farklı platformlar farklı boyutlar ister: tarayıcı sekmeleri genellikle 16x16 veya 32x32, iOS ana ekran simgeleri 180x180, Android Chrome ve PWA yükleme istemleri ise 192x192 ve 512x512 kullanır. Hepsini sağlamak, simgenizin bazı cihazlarda gerilmiş veya bulanık görünmek yerine her yerde keskin görünmesini sağlar.
›favicon.ico nedir ve PNG'lerin yanında hâlâ neden gereklidir?
.ico biçimi birden fazla boyutu (16x16, 32x32, 48x48) tek bir dosyada toplayabilir ve başka bir ikon bağlantısı belirtilmediğinde tarayıcıların, çok eski tarayıcılar ve bazı işletim sistemi düzeyindeki kısayollar dahil, varsayılan olarak başvurduğu dosyadır. Bu araç, günümüzdeki her tarayıcı ve işletim sisteminin desteklediği modern PNG gömülü biçimi kullanarak üç boyutu da tek bir geçerli favicon.ico dosyasında birleştirir.
›Kare olmayan bir görseli kırpmalı mıyım, yoksa tamamlamalı mıyım?
Kırpma, her pikseli taşmalı şekilde korur ancak kare olmayan bir görselin kenarlarını keser; logonuz çerçeveyi zaten dolduruyorsa iyi sonuç verir. Tamamlama ise görselin etrafına bir arka plan rengi ekleyerek tüm görseli görünür tutar; logonuzda boş kenar boşlukları varsa veya ortalanmamışsa daha iyidir.
›site.webmanifest ne işe yarar?
Birisi sitenizi ana ekranına eklediğinde veya ilerici bir web uygulaması olarak kurduğunda, Android ve diğer platformların sitenizin adını, ikonlarını ve tema rengini öğrenmek için okuduğu küçük bir JSON dosyasıdır. Bu araç, az önce oluşturduğu ikonlarla önceden doldurulmuş bir tane üretir.
›Bu araç logomu herhangi bir yere yüklüyor mu?
Hayır. Her yeniden boyutlandırma, ICO dosyası ve ZIP'in kendisi, Canvas API kullanılarak tamamen tarayıcınızda oluşturulur; görseliniz asla bir sunucuya gönderilmez.
İlgili Araçlar
Görsel
Görsel HSL Ayarlama
Canlı kaydırıcılarla bir resmin tonunu, doygunluğunu ve parlaklığını ayarlayın, tamamen tarayıcınızda.
ÜcretsizGörsel
Toplu Görsel HSL Ayarlama
Aynı ton, doygunluk ve parlaklık ayarını tek seferde birçok resme uygulayın, tamamen tarayıcınızda.
ÜcretsizGörsel
Görsele Metin Ekle
Bir resme bir veya daha fazla özel metin başlığı ekleyin, tamamen tarayıcınızda.
ÜcretsizGörsel
Görsel Arka Planı Kaldır (AI)
Cihaz üzerinde çalışan bir yapay zeka modeliyle bir fotoğrafın arka planını otomatik olarak kesin, tamamen tarayıcınızda.
ÜcretsizGörsel
Benzer Renk Şeması
Herhangi bir taban renkten uyumlu bir analog renk paleti oluşturun, tamamen tarayıcınızda.
ÜcretsizGörsel
Renkleri Karıştır
Ayarlanabilir denge ile iki rengi basit RGB, gamma-doğru veya HSL karışımı kullanarak birleştirin.
ÜcretsizGörsel
Görseli Bulanıklaştır
Bir görseli Kutu, Gauss, Hareket veya Radyal bulanıklık kullanarak tarayıcınızda bulanıklaştırın ve sonucu indirin.
ÜcretsizGörsel
Bulanık Çerçeve Görsel Oluşturucu
Fotoğrafınızı kırpmadan kare veya başka bir en-boy oranına sığdırın, fazladan alanı görselin bulanık ve yakınlaştırılmış bir kopyasıyla doldurun.
Yorumlar (0)
Bu aracı faydalı mı buldunuz? Bir yorum bırakın, bir ipucu paylaşın veya nasıl daha iyi hale getirebileceğimizi söyleyin.
Henüz yorum yok - düşüncelerinizi paylaşan ilk kişi olun!