Favicon oluşturucu
Bir resmi veya harfi eksiksiz bir favicon dosyası setine, onları kullanmak için gereken HTML ile birlikte dönüştürün.
Dosyalarınız cihazınızdan asla çıkmaz
Resmi buraya bırakın
PNG, JPEG, WebP, GIF, BMP veya AVIF. Ya da aşağıdan harf simgesine geçin.
Bu cihazda açılır. Hiçbir şey yüklenmez.
Aynı anda tek resim, en fazla 50 MB ve yaklaşık 100 megapiksel. Harf simgeleri 1 veya 2 karakter kullanır.
Favicon nasıl yapılır?
- Bir resim seçin ya da Harfler'e geçip renklerinizle bir veya iki karakter yazın.
- Resim için ortalanmış kare bir kırpma ya da iç boşluklu sığdırma seçin. Önizlemeleri 16, 32, 48 ve 180 pikselde kontrol edin.
- Favicon dosyalarını oluştur düğmesine basın, .zip dosyasını indirin ve HTML'yi sayfalarınıza yapıştırın.
Bir favicon setinde neler bulunur?
Favicon, bir tarayıcı sekmesindeki, yer imi listesindeki veya arama sonucundaki küçük simgedir. Tarayıcılar birkaç farklı dosya arar: eski ve genel kullanım için favicon.ico, sekmeler için 16 ve 32 piksellik PNG simgeler, iPhone ve iPad ana ekranları için 180 piksellik bir Apple touch simgesi ve Android ile yüklenebilir web uygulamaları için 192 ve 512 piksellik simgeler. Küçük bir site.webmanifest dosyası Android simgelerini listeler.
Bu araç her boyutu özgününüzden ayrı ayrı çizer; böylece küçük boyutlar minik bir resimden büyütülmek yerine tam resimden küçültülür. .ico dosyası, 16, 32 ve 48 pikselde üç PNG resim içeren bir kapsayıcı olarak yazılır. Harf simgeleri her boyutta doğrudan çizilir, böylece kenarlar keskin kalır.
İpuçları
- Kalın, basit şekiller ve güçlü kontrast kullanın. İnce ayrıntılar 16 pikselde kaybolur.
- Bir fotoğrafın bir bölümünden kare bir resim mi istiyorsunuz? Önce 1:1 ile Resim kırp aracını kullanın.
- Başka boyutlara mı ihtiyacınız var? Resim boyutlandır size istediğiniz genişlik ve yüksekliği verir.
Sık sorulan sorular
Resmim yükleniyor mu?
Hayır. Simgeler cihazınızda tarayıcınızın içinde çizilir ve zip dosyası da orada oluşturulur. Sunucuya hiçbir şey gönderilmez.
Hangi dosyaları alırım?
favicon.ico (16, 32 ve 48 piksellik sürümler), favicon-16x16.png, favicon-32x32.png, apple-touch-icon.png (180 piksel), android-chrome-192x192.png, android-chrome-512x512.png ve site.webmanifest; hepsi tek bir .zip içinde.
Dosyaları nereye koymalıyım?
Web sitenizin kök klasörüne; böylece /favicon.ico gibi adreslerde sunulurlar. Ardından dosyaları oluşturduktan sonra gösterilen HTML parçasını sayfalarınızın head bölümüne yapıştırın.
Hangi resimle başlamalıyım?
En büyük simge 512 piksel olduğu için en az 512 × 512 piksellik kare bir resim en temiz sonucu verir. Basit şekiller 16 piksele küçültülmeye ayrıntılı olanlardan çok daha iyi dayanır. 16 ve 32 piksellik önizlemeleri kontrol edin.
Kırpma ile iç boşluk arasındaki fark nedir?
Kırpma, resimden ortalanmış bir kare alır ve geri kalanı atar. İç boşluklu sığdırma tüm resmi korur, küçük bir kenar boşluğuyla ortalar ve boş alanı arka plan renginizle doldurur veya şeffaf bırakır.
Oluşan .ico dosyası geçerli mi?
Evet. 16, 32 ve 48 pikselde PNG olarak kodlanmış üç resim içerir ve bunu güncel her tarayıcı okur.