PWA İkon Oluşturucu - Maskelenebilir & Standart İkonlar
Progressive Web App projeleriniz için gereken tüm ikon boyutlarını ve maskelenebilir formatları anında hazırlayın.
Önce gizlilik
Dosyalar tarayıcını asla terk etmez
Sunucuya yükleme yok
Tüm işlem cihazında yerel olarak yapılır
PWA İkonu Nedir ve 'Maskable Icon' Neden Gereklidir?
PWA ikonu, bir web sitesi bir mobil cihazın veya masaüstü bilgisayarın ana ekranına 'yüklendiğinde' görünen uygulama simgesidir. Standart bir web sitesinden farklı olarak PWA'lar, bir manifest.json dosyası aracılığıyla kendilerini sisteme tanıtırlar. Bu dosyada yer alan 'pwa icon size' (genellikle 192x192 ve 512x512) değerleri, uygulamanın hangi ikonları kullanacağını belirler. Ancak son yıllarda Android ekosistemine eklenen 'Maskable Icons' kavramı işleri biraz değiştirdi. Maskable bir ikon, ana logonun etrafında yeterli bir 'güvenli alan' (safe zone) barındıran, böylece sistem tarafından farklı şekillerde kırpılsa bile logonun kesilmediği bir yapıdır.
3 Adımda Profesyonel PWA İkon Paketi Oluşturma
Kod yazmanıza veya manifest dosyasıyla boğuşmanıza gerek yok. PWA ikon projenizi tarayıcınızdan saniyeler içinde halledebilirsiniz.
Ana İkonunuzu (512x512) Yükleyin: Tasarımınızın en net halini seçin ve PNG formatında yükleyin.
Maskable ve Standart Boyutlandırma: Logonuz yüklendiğinde saniyeler içinde tüm setiniz otomatik üretilir.
Manifest Snipet'ını Kopyalayın ve İndirin: manifest.json içine yapıştırmanız gereken kodları hazır olarak kopyalayın.
Neden Pixes.app?
Lighthouse testlerinden tam puan almanız için her ikonun isimlendirmesini ve boyutunu standartlara göre ayarlıyoruz. Sadece imajları değil, o imajları sisteme tanıtacak manifest.json kodlarını da hazırlıyoruz. Üyelik, e-posta veya ücret yok. Sitemizdeki tüm işlemler tarayıcı tarafında (client-side) tam gizlilikle işlenir. 2026 Android ve iOS standartlarına %100 uyumluluk.
Bu araç nasıl kullanılır?
Tasarımınızın en net halini seçin. En iyi sonuçlar için 512x512 piksel boyutunda, kare ve yüksek kaliteli bir PNG dosyası yükleyin. 'Görsel Seç' diyerek veya sürükleyerek işlemi başlatın.
Logonuz yüklendiğinde aracımız aynı anda; 192x192 (Genel), 512x512 (Splash Screen) ve 'maskable-icon-512x512' gibi temel dosyaları üretir. Siz sadece tek bir tuşa basarsınız, geri kalanı algoritmalarımız halleder.
İşlem bittiğinde manifest.json dosyanızın içine yapıştırmanız gereken ikon dizisini (icons array) sizin için oluşturuyoruz. 'Kodları Kopyala' butonuna basarak işinizi saniyeler içinde bitirin ve tüm paketi ZIP olarak indirin.
Standart ve zorunlu olan format PNG'dir. Şeffaf PNG dosyaları her türlü arka plan rengine uyum sağladığı için en çok tercih edilenidir.
'Maskable' ikon ne işe yarar?
Android cihazlar uygulama ikonlarını farklı şekillerde (kare, daire, squircke) gösterebilir. Maskable ikon, ikonun her şekilde düzgün görünmesini garantileyen bir özelliktir.
Manifest.json'a hangi ikonları eklemeliyim?
En azından 192x192 ve 512x512 piksellik ikonları eklemelisiniz. Aracımız size kopyalamanız için tam bir JSON listesi verir.
PWA ikonum yüklemeden sonra neden görünmüyor?
Bunun sebebi genellikle manifest.json'da belirtilen dosya yollarının yanlış olmasıdır. İkonları 'images' gibi bir klasöre koyuyorsanız yolların başına '/images/' eklediğinizden emin olun.