Favicon oluşturucu
Bir görsel verin; favicon.ico, apple-touch-icon, manifest simgeleri ve yapıştırılacak etiketler çıksın.
Dosyaları buraya bırakın
veya cihazınızdan seçmek için tıklayınKabul edilen: JPG, JPEG, PNG, WEBP, AVIF, GIF, BMP, HEIC, HEIF, SVG
Her işlemde en fazla 3 dosyaDosya başına en fazla 20 MBGünde 10 işlemPro ile sınırları kaldırın✓ Çevrimdışı çalışır
Dosyalarınız cihazınızda kalır
Bu araç tamamen tarayıcınızda çalışır. Hiçbir şey yüklenmez, hiçbir şey saklanmaz; hatta başlamadan önce internet bağlantınızı kapatabilirsiniz.
Nasıl çalışır
- Logonuzu ekleyin: en iyisi kare bir SVG; yoksa en az 512 × 512 px bir PNG ya da JPG.
- Karenin içine nasıl yerleşeceğini (isteğe bağlı boşlukla görselin tamamı ya da kareyi doldurarak), şeklini ve arka planını seçin.
- “Favicon oluştur”a basın ve hepsini tek bir ZIP olarak indirin.
- Dosyaları sitenizin kök dizinine koyun ve favicon-tags.html içindeki etiketleri sayfalarınızın <head> bölümüne yapıştırın.
Sık sorulan sorular
- Hangi dosyaları alırım, her biri ne işe yarar?
- favicon.ico 16, 32 ve 48 px’i tek dosyada toplar; doğrudan /favicon.ico isteyen tarayıcılar ve tarayıcı botları içindir. favicon-96x96.png arama sonuçları içindir; Google 48’in katı bir boyut ister. apple-touch-icon.png (180 px) iPhone ve iPad ana ekran simgesidir. İki web-app-manifest PNG’si ve site.webmanifest Android ve yüklenmiş web uygulamaları içindir. SVG ile başlarsanız favicon.svg de eklenir; favicon-tags.html ise <head>’e yapıştırılacak satırları içerir.
- Saydam arka plan seçtim. apple-touch-icon neden saydam değil?
- Çünkü iOS ana ekranda saydamlığı göstermez: saydam pikselleri siyaha boyar ve köşeleri kendisi yuvarlatır. Bu yüzden bu dosya her zaman seçtiğiniz arka planla (saydam seçtiyseniz beyazla) dolu, opak bir karedir. Diğer simgeler saydam kalır.
- SVG ile mi başlamalıyım, PNG ile mi?
- Elinizde varsa SVG ile. Her boyut vektörden çizilir; 16 px simge büyük bir görselden küçültülmez, 16 px olarak çizilir. Ayrıca modern tarayıcıların tercih ettiği favicon.svg de oluşur. PNG ya da JPG kullanacaksanız en az 512 × 512 px olsun; çok ayrıntılı bir logo 16 px’te zaten seçilmez, kenar boşluğu ve daha sade bir işaret bunun için var.
- Google neden simgem yerine bir dünya simgesi gösteriyor?
- Google’ın hem simgeyi hem de onu belirten ana sayfayı tarayabilmesi gerekir; simge kare olmalı ve kenarı 48’in katı olmalıdır — buradaki 96 px dosya bunun için hazırlanır. Dosyalar yayına girdikten sonra arama sonuçlarına yansıması günler, hatta haftalar sürebilir.
- Logom yükleniyor mu?
- Hayır. Her dosya bu sayfada tarayıcınızın canvas’ı ile çizilir, ZIP de burada hazırlanır. Hiçbir şey bir sunucuya gönderilmez.
İlgili araçlar
• Resim Boyutlandır Bir veya birçok görseli tam istediğiniz ölçüye getirin ya da hazır bir sosyal medya boyutu seçin. ◩ Fotoğraf Arka Planını Sil Karedeki ana özne kesilir: kişiler saçıyla, ürünler kenarlarıyla. Fotoğraf cihazınızdan çıkmaz. ⇄ Resim Dönüştürücü iPhone'un HEIC dosyaları ve SVG dâhil, yaygın bütün görsel biçimleri için tek dönüştürücü; hepsi tarayıcınızın içinde. • Resim Kırp Kırpma çerçevesini fotoğrafın üzerinde sürükleyin, neyin kalacağını önceden görün ve hiçbir yere göndermeden kırpın.