Site Simgesi Oluşturucu
Basit bir görseli site simgesi ve web sitesi simge paketine dönüştürün. Tasarımın küçük boyutlarda tanınabilir durumda olup olmadığını kontrol edin, dosyaları indirin ve verilen kurulum örneğini izleyin.
Başlamadan önce
- Giriş
- Bir JPG, PNG veya statik WebP görüntüsü.
- Çıkış
- ICO, PNG simgeleri, bildirim ve HTML örneğini içeren bir ZIP.
Araç yükleniyor…
Bu araç nasıl kullanılır?
- Bir JPG, PNG veya statik WebP görüntüsü seçin.
- Bir kareye kırpın veya dolgu ekleyin ve simge önizlemelerini inceleyin.
- ZIP'i indirin ve örnek yolları web sitenize uyarlayın.
Sonucu anlayın
Sık kullanılan simge genellikle çok küçük boyutta görünür. Net bir sembol veya harf genellikle ayrıntılı bir resim veya küçük metinden daha iyi sonuç verir. Oluşturulan dosyaların yine de web sitenize yüklenmesi ve bunlara başvurulması gerekir.
Site simgem neden bulanık veya çok küçük görünüyor?
Geniş bir marka işareti veya ayrıntılı bir fotoğraf, küçük bir tarayıcı sekmesinde okunamaz hale gelebilir. Basit bir kare sembolle başlayın ve gerçek 16 piksel ve 32 piksellik önizlemeleri inceleyin. Dolgu, kaynağın tamamını korur ancak geniş bir logoyu çok küçük bırakabilir; kare kırpma simgeyi doldurur ve kenarları kesilebilir. Sonucu yüklemeden önce her iki seçeneği de işaretleyin.
Web siteme hangi favicon dosyalarını yüklemeliyim?
ZIP, örnek bağlantı etiketleriyle birlikte favicon.ico, PNG simgeleri, apple-touch-icon.png, site.webmanifest ve install.html.txt'yi içerir. Önce arşivi çıkarın; ZIP'in tek başına yüklenmesi simgeyi yüklemez. Örnek yollar, dosyaların web sitesinin kökünde olduğunu varsayar. Bu yolları başka bir klasör için ayarlayın veya platformunuzun site simgesi ayarını kullanın, ardından yayınlanan sayfayı ve önbelleğini kontrol edin.
Bir örnek deneyin
Desteklenen iş akışını incelemek için orijinal bir örnek deneyin. Başarılı bir numune her girdi için garanti değildir.
Orijinal görüntü örneği ↓Sonuç beklediğiniz gibi değilse
Site hâlâ eski simgeyi gösteriyor.
Dosya oluşturmak onları yüklemez. Simge URL'lerini ve sayfa işaretlemesini kontrol edin, ardından site önbelleğini temizleyin ve yeni bir tarayıcı oturumunu test edin. Tarayıcı ve arama sonucu simgeleri farklı zamanlarda güncellenebilir.
Sonraki faydalı araç: SVG'den PNG'ye →Önemli sınırlar
- Yalnızca görüntü girişi; önce bir SVG'yi PNG'ye dönüştürün.
- Araç, web sitenizin yapılandırmasını değiştirmez.
- Önbelleğe alma ve platform davranışı farklılık gösterebileceği için simgeleri yükledikten sonra kendi web sitenizi kontrol edin.
- Maksimum 10 MB ve 12 milyon piksel. Çıktı, ICO, PNG simgelerini, bir web bildirimini ve bir ZIP'teki HTML örneğini içerir.
Sıkça sorulan sorular
Bu, favicon'u siteme yüklüyor mu?
Hayır. Dosya ve örnek hazırlar. Dosyaları yükleyin ve yolları veya web sitesi ayarlarınızı güncelleyin.
Paket web sitemi PWA yapıyor mu?
Hayır. Simge dosyaları ve temel web bildirimi, web uygulaması kurulumunun yalnızca bir parçasıdır.
Logomun 16 pikselde okunması neden zor?
Bu boyutta ince ayrıntılar kaybolabilir. Daha basit bir sembol, daha güçlü bir şekil veya işaretin etrafında daha fazla boşluk bırakmayı deneyin.
İlgili rehberler
Sorular mı, yoksa düzeltme mi? mrkcal@mrkcal.com