--- title: "PWA ve mobil uygulama: splash ekranı ve ikon setlerinde görsel ölçekleme" date: 2026-04-08 author: "xcropimage.io Team" tags: ["PWA", "splash screen", "ikon", "mobil", "görsel ölçekleme"] lang: "tr" description: "Web uygulaması ve PWA için splash ve maskable ikon boyutları, manifest ve güvenli alan planlaması." --- ## Giriş **Progressive Web App (PWA)** ve mobil uygulamalarda **splash ekranı** ile **uygulama ikonları**, ilk izlenimi belirler. Yanlış ölçeklenmiş PNG’ler bulanık görünür veya güvenli alan dışına taşar.

**Bu serinin önceki yazıları:** [Open Graph önizleme hata ayıklama](/blog/open-graph-twitter-card-onizleme-hata-ayiklama) · [E-posta hero görseli](/blog/eposta-bulteni-hero-gorseli-dosya-duzen) · [WebP/AVIF](/blog/webp-avif-yayin-tarayici-uyumlulugu). ## Manifest ve ikon boyutları `manifest.json` içinde **icons** dizisi birden çok boyut ister (ör. 192×192, 512×512). **Maskable** ikonlar için [web.dev: maskable icons](https://web.dev/articles/maskable-icon) rehberi güvenli padding önerir. Google’ın [PWA kontrol listesi](https://web.dev/pwa-checklist/) üretim öncesi kontrol için kullanılır. ## Splash ekranı Splash genelde **arka plan rengi + merkez logo** ile oluşturulur; platforma göre otomatik veya özel görsel kullanılır. Logo çok ince detay içeriyorsa küçük boyutlarda sadeleştirin; bu seride ilerleyen günlerde favicon ve dokunma ikonlarına özel bir yazıda küçük ölçek okunurluğunu derinleştireceğiz. ## Önbellek ve güncelleme İkon güncellediğinizde kullanıcılar eski önbelleği görebilir; dosya adına **sürüm soneki** (`icon-v2.png`) veya CDN **cache busting** parametresi eklemek yaygın bir çözümdür. Aynı konuyu bu seride [CDN ve önbellek](/blog/cdn-onbellek-gorsel-guncelleme-eski-gorsel) yazısında genişletiyoruz. ## Sonuç Kaynak logonuzu vektör veya yüksek çözünürlükte tutun; [yeniden boyutlandırma](/resizer) ile her boyutu üretin, [kırpma](/crop) ile maskable güvenli alanı koruyun.