Favicon oluşturma aracı
Web sitenizin ihtiyaç duyduğu tüm favicon’ları tek bir görselden oluşturun.
Bu araçla ilgili bir sorun bildir
Favicon oluşturucu nasıl kullanılır
Logonuzu veya görselinizi ekleyin
Sayfaya bir PNG, JPG, WebP, GIF veya SVG bırakın. Basit şekilli kare bir görsel en iyi sonucu verir.
Görünümü ayarlayın
Kare kırpın veya tüm görseli sığdırın, saydam ya da renkli bir arka plan seçin, dolgu ekleyin ve köşeleri yuvarlayın. Önizleme her boyutu ve bir tarayıcı sekmesini gösterir.
İndirin ve kodu ekleyin
ZIP’i indirin, dosyaları sitenizin kök klasörüne yükleyin ve HTML satırlarını sayfalarınızın head bölümüne yapıştırın.
Neden Utils365 kullanılmalı
Eksiksiz set
İçinde 16, 32 ve 48 px bulunan favicon.ico, PNG favicon’lar, Apple touch simgesi, Android simgeleri ve site.webmanifest; hepsi tarayıcıların beklediği adlarla.
İndirmeden önce görün
Küçük ayrıntılar kaybolmasın diye simgenin gerçek boyutlarında ve açık ile koyu tarayıcı sekmelerinde nasıl göründüğünü kontrol edin.
Tasarımı gereği gizli
Her şey tarayıcınızda gerçekleşir, bu yüzden logonuz asla bir sunucuya yüklenmez.
Sıkça sorulan sorular
Hangi favicon boyutlarına ihtiyacım var?
Bir favicon.ico (16, 32 ve 48 px) tarayıcı sekmelerini ve yer imlerini, 180 px’lik bir Apple touch simgesi iPhone ve iPad ana ekranlarını, 192 ve 512 px PNG’ler ise Android’i ve yüklü web uygulamalarını karşılar. Bu araç hepsini tek görselden oluşturur.
ICO, PNG veya SVG: hangi favicon biçimini kullanmalıyım?
Üçünü de. favicon.ico, eski tarayıcılar ve onu otomatik arayan araçlar dahil her yerde çalışır. PNG favicon’lar belirli boyutlarda net sonuç verir. SVG favicon her boyutta keskin kalır; bir SVG ile başladığınızda bir tane alırsınız.
apple-touch-icon nedir?
Birisi sitenizi ana ekranına eklediğinde iPhone ve iPad’lerin kullandığı simgedir. 180 × 180 px boyutundadır ve saydam olamaz, bu yüzden düz bir arka planla kaydedilir (saydam seçtiyseniz beyaz). iOS köşeleri kendisi yuvarlar.
Favicon dosyalarını nereye koymalıyım?
Onları web sitenizin kök klasörüne, ana sayfanızın yanına çıkarın; böylece favicon.ico siteniz.com/favicon.ico adresinde olur. Ardından bu sayfada gösterilen HTML satırlarını her sayfanın head bölümüne ya da site şablonunuza yapıştırın.
Yeni favicon’um neden görünmüyor?
Tarayıcılar favicon’ları uzun süre saklar. Yenisini görmek için favicon’un adresini doğrudan açın, sert yenileme yapın veya gizli bir pencere deneyin.