Windows Uygulama Simgeleri Nasıl Oluşturulur

Windows, tek bir .ico dosyasından en fazla yedi simge boyutu ister. Bu kılavuzda boyut matrisi, kapsayıcı içindeki PNG sıkıştırması, araç seçenekleri, gerçek paketleme örnekleri, SSS ve şişirilmiş veya bulanık Windows simgelerine yönelik düzeltmeler açıklanmaktadır.

6 dk okuma

Windows simgeler konusunda neden seçici?

Windows UI yüzeyleri, yüksek DPI görev çubuklarındaki 16×16 bildirim alanı gliflerinden 256×256 jumbo pinlere kadar ölçeklenir. Bu aralığa yayılan bir bitmap yumuşak veya pikselli görünüyor. Simge kümenizi oluşturmak ve doğrulamak için favicon oluşturucumuzu, PNG - ICO dönüştürücü, SVG - ICO dönüştürücü ve canlı favicon test cihazımızı kullanın ve [tamamlayıcıyı okuyun] kısa bir özet için kılavuz](kılavuz:windows-icon-sizes).

.ico kapsayıcısı, tek bir dosyanın önceden oluşturulmuş birden çok kareyi taşıması için mevcuttur. Shell32, küçük bir görüntüyü yükseltmek yerine en yakın boyutu seçer.

Web favicon'ler ve masaüstü uygulaması simgeleri aynı kapsayıcı biçimini paylaşır. favicon.ico'in nakliyesi ile Win32 veya Electron yürütülebilir dosyasının paketlenmesi arasında beceri aktarımı.

Windows simge boyutu matrisi

Microsoft, modern uygulamalar için 16, 24, 32, 48, 64, 128 ve 256 piksel karelerin tek bir .ico'e yerleştirilmesini önerir.

16 ve 24, küçük kabuk listelerini kapsar. 32 ve 48, Dosya Gezgini'ndeki standart ve orta simge görünümlerini kapsar. 64 ve üzeri, yüksek DPI küçük resimleri ve Başlat menüsü kutucuklarını kapsar.

256'yı atlamak her zaman hiçbir şeyi bozmaz, ancak 4K monitörlerdeki sabitlenmiş döşemeler bu olmadan fark edilir derecede daha yumuşak görünür.

Sıkıştırma 256×256'da önemlidir

Eski araçlar, 256×256'yı sıkıştırılmamış 32 bit BMP olarak .ico içinde saklar. Bu tek çerçeve 256 KB'yi aşabilir ve yükleyicileri şişirebilir.

Modern kodlayıcılar, büyük kareleri ICO kapsayıcısının içinde PNG sıkıştırılmış bloblar olarak depolar. Görsel kalite aynı kalır; bayt boyutu 5–10 kat düşer.

Her zaman son .ico boyutunu inceleyin. 50KB'nin altı, PNG sıkıştırmalı düz bir logo için tipiktir; 200KB'nin üzerinde sinyaller BMP'in şişmesine neden olur.

Bunu doğru yapan araçlar

FetchFavicon, 512×512 ana öğeyi kabul eder ve PNG ile sıkıştırılmış yüksek boyutlu çerçevelerle web'e hazır bir .ico yayar; Electron, Tauri ve klasik Win32 kaynak yerleştirme için uygundur.

Yerel uygulamaları derlediğinizde Visual Studio'nun kaynak düzenleyicisi ICO yapısını doğrular. Bir MSI'yı göndermeden önce orada test edin.

Tek bir PNG'i .ico olarak yeniden adlandırmaktan kaçının. Windows Explorer bir önizleme gösterebilir ancak kabuk ölçeklendirmede sorun yaşanacaktır.

Paketleme örnekleri

Elektron uygulaması: favicon.ico'i yapı kaynaklarına yerleştirin; elektron-builder.yml dosyasındaki win.icon'yi aynı çok boyutlu dosyaya ayarlayın.

Inno Kurulum yükleyicisi: SetupIconFile=assetsapp.ico, en az 32 ve 48 kare içeren bir .ico'e işaret etmelidir.

Taşınabilir ZIP dağıtımı: kullanıcılar .exe dosyanızı görev çubuğuna sabitler; Windows, aynı .ico ana öğesinden derlediğiniz PE başlığından gömülü simge kaynaklarını okur.

Kurumsal MSI: simgeleri yerleştirdikten sonra yükleyiciyi imzalayın — imzalama sonrası .ico'in değiştirilmesi imzayı geçersiz kılar.

Sık sorulan sorular

.ico web ve masaüstünde aynı mıdır? Aynı konteyner spesifikasyonu; masaüstü uygulamaları bunu HTTP üzerinden sunmak yerine bir PE kaynağı olarak yerleştirir.

Her Windows sürümü için ayrı simgelere ihtiyacım var mı? Çok boyutlu modern bir .ico, Windows 10 ve 11'i kapsar.

Peki ya UWP için .ico ve .png karşılaştırması? UWP, paket bildiriminde PNG varlıklarını kullanır; klasik Win32 hala .ico istiyor.

Mevcut bir .ico'ten boyutları çıkarabilir miyim? Evet, denetim için IcoFX veya ImageMagick dönüştürme ile.

Sorun giderme

Görev çubuğundaki simge bulanık: 32 veya 48 kare eksik; Windows bunun yerine 16'ya yükseltildi.

Yükleyici simgesi yanlış ancak exe simgesi doğru: Inno Setup IconFile hala eski bir yolu işaret ediyor. Yükleyiciyi yeniden oluşturun.

Simge ekledikten sonra büyük git taahhütleri: BMP tarzı bir .ico taahhüt ettiniz. PNG sıkıştırmasıyla yeniden dışa aktarın.

Simge yalnızca geliştirme makinesinde gösteriliyor: Kaynak Sürüm oluşturma yapılandırmasına eklenmemiş — .rc dosyalarını ve CI yapıtlarını kontrol edin.

Yürütülebilir dosyalara simgeler yerleştirme

Win32 yerel uygulamaları, PE dosyasında derlenen .rc kaynak komut dosyalarında .ico'e başvuruyor. Kaynak kimliği 1, varsayılan uygulama simgesidir.

Elektron paketleri, elektron oluşturucu yapılandırmasından win.icon'yi okur; aynı çok boyutlu .ico, son .exe dosyasına çıkarılır.

Windows üzerinde Tauri, diğer platformlar için PNG ile birlikte tauri.conf.json bundle.icon dizisinde .ico bekliyor.

Kod imzalama, simge piksellerini doğrulamaz, ancak imzalamadan sonra kaynakların değiştirilmesi imzayı bozar; simgeleri Authenticode imzalamadan önce sonlandırın.

Derlenmiş .exe dosyasını, geliştirme araçları yüklü olmayan temiz bir VM üzerinde test edin. Explorer, kaynak depo yolunuzu değil, gömülü kaynakları okur.

Windows kabuğu her boyutu nasıl kullanır?

Explorer'daki küçük simge görünümü, 16 ve 32 piksellik çerçeveleri tercih eder. Ekstra Büyük simgeler mevcut olduğunda 256'yı kullanır.

Görev çubuğu sabitleme istekleri orta boyutlu çerçeveler; 32'nin eksik olması 16'dan yumuşak bir yükseltme üretir.

Windows 11'deki Başlat menüsü döşemeleri, 256×256 gömülü olduğunda daha yüksek çözünürlüklü varlıklarla canlandırılır.

Masaüstündeki kısayol .lnk dosyaları simgeleri bağımsız olarak önbelleğe alabilir; QA sırasında temeldeki .ico'i güncelledikten sonra kısayolları silin ve yeniden oluşturun.

Windows QA matrisi

Windows 11'de %100 ve %200 ekran ölçeklendirmesini test edin. Her ölçek, aynı ICO'ten farklı kareler seçer.

QA sırasında kabuk önbelleğini temizlemek için simge güncellemesinden sonra görev çubuğuna sabitleyin, sabitlemeyi kaldırın ve yeniden sabitleyin.

Güncellemeden önce oluşturulan kısayollarda Özellikler'i Kontrol Et → Simgeyi Değiştir; önbelleğe alınmış dizinlere referans verebilirler.

Explorer küçük resmi ile görev çubuğu simgesini karşılaştırın; tutarsızlıklar eksik orta boyutlu çerçeveleri gösterir.

Yükleyici markalama uyumu

Kullanıcılar kurulumdan sonra pin yaptığında marka devamlılığı için MSI ve EXE simgeleri web sitenizin favicon ile eşleşmelidir.

Kaldırıcı iletişim kutuları aynı simge kaynağını kullanır; kullanıcılar yükleyici ile uygulama arasındaki uyumsuzlukları fark eder.

Microsoft Store paketlerine yönelik mağaza listeleri ayrı PNG gerekliliklerini kullanır; masaüstü ICO, Win32 yan yüküyle alakalı olmaya devam ediyor.

Depoda bir ana ICO bulundurun; CI derlemeleri, sürüklenmeyi önlemek için onu yükleyici yapılandırmasına ve web geneline/'e kopyalayın.

Windows SmartScreen simge güzelliğini yargılamaz; ancak kullanıcılar, yükleme istemlerini onaylarken eşleşen simgelere güvenir.

Platformlar arası paketleme notu

macOS uygulamalarının ayrı olarak .icns'e ihtiyacı vardır; Windows ICO, evrensel Electron yapılarında bunların yerini almaz.

Linux masaüstü girişleri genellikle 512×512'de PNG'e referans verir; ICO ile aynı master'dan PNG oluşturun.

Mobil mağaza simgeleri de başka bir dışa aktarma kümesidir; web favicon araçları gereklidir ancak uygulama mağazaları için yeterli değildir.

Birleşik sürüm ardışık düzenleri, tüm simge hedeflerini tek bir kontrol listesinde listelemeli, böylece Windows ICO hiçbir zaman unutulan adım olmamalıdır.

Simge kaynakları değiştiğinde sürüm notlarını etiketleyin; böylece destek ekibi, bir güncellemeden sonra kısayolların neden farklı göründüğüne yanıt verebilir.

Son yükleyici ikili dosyasını imzalamadan önce ICO yerleşik kaynaklarını Resource Hacker veya eşdeğeri ile doğrulayın.

QA ekran görüntüleri sırasında hangi ICO karesinin (Windows) seçildiğini belgeleyin; bulanık görev çubuğu raporlarında hata ayıklamaya yardımcı olur.

ICO yolunu, dosya içinde beklenen çerçeve listesiyle birlikte yorumlanan YAML yükleyicisinde tutun.

Araçları deneyin

Okumaya devam et

FetchFavicon'i keşfedin

Kategoriler

Dönüştürücüler

Yardımcı programlar

Kılavuzlar

Öğreticiler