MindCro
TR EN
Demo Talep Et
Yayın araçları

Mağaza Ekran Görüntüleri · Çıktı Alma

Hazır ekran görüntülerini Play Store ve App Store'a yüklenebilir PNG'ye dönüştürmek için yöntemler.

Hazır ekranlar burada:

Yöntem 1 — Tarayıcı eklentisiyle (en hızlı)

Chrome/Brave için "Full Page Screen Capture", Firefox için yerleşik "Ekran Görüntüsü Al" özelliği. Tek tıkla tüm ekranları PNG olarak indirir.

  1. İlgili sayfayı aç (/screens veya /screens/ios).
  2. Eklentiyi aç → "Capture entire page" seç.
  3. Tek bir uzun PNG indirir; herhangi bir görsel düzenleyici (Preview, Photoshop, Figma) ile 8 parçaya böl.

Yöntem 2 — DevTools ile tek tek (en temiz)

Bu yöntem her ekranı tam çözünürlükte, kayıpsız PNG olarak verir.

  1. /screens sayfasını aç.
  2. F12 (DevTools) → Cmd/Ctrl + Shift + P → Capture node screenshot yaz.
  3. Element seçici ile bir ekran kartının üzerine tıkla.
  4. İndirilen PNG zaten 1080 × 1920 boyutunda — Play Store'a doğrudan yükleyebilirsin.
  5. Her ekran için tekrarla.

İpucu: DevTools komut paletinde Capture full size screenshot tüm sayfayı, Capture node screenshot seçili öğeyi indirir.

Yöntem 3 — Yazdır → PDF (her ekran ayrı sayfa)

Sayfaya @media print stilleri eklendi; yazdırma penceresinde her ekran ayrı bir sayfaya gelir.

  1. Sayfayı aç → Cmd/Ctrl + P.
  2. Hedef: "PDF olarak kaydet".
  3. Kağıt boyutu: Özel → 1080 × 1920 (Android) veya 1290 × 2796 (iOS).
  4. Kenar boşlukları: Yok. Arka plan grafikler: Açık.
  5. Çıkan PDF'in her sayfasını PNG'ye dönüştür (Preview "Export as image" veya online araç).

Yöntem 4 — Headless Chromium (otomasyon, önerilen)

Tüm setleri tek komutla PNG olarak üretmek için repoda hazır script var: apps/landing/scripts/capture-screens.mjs. Her ekran, mağaza için gereken tam çözünürlükte (ör. mobil 1242 × 2688, tablet 2064 × 2752) ayrı bir PNG olarak store-screens/ klasörüne yazılır.

  1. Bağımlılıklar: npm install (kök dizinde).
  2. Siteyi derle: npm run build --workspace apps/landing.
  3. Önizleme sunucusunu başlat: npm run preview --workspace apps/landing (port 4321).
  4. Başka bir terminalde: node apps/landing/scripts/capture-screens.mjs.

Üretilen boyutlar ve URL eşlemesi script'in başındaki sets nesnesinden yönetilir. store-screens/ klasörü .gitignore'dadır.

Yükleme öncesi kontrol listesi

  • Android Play Store: en az 2, en fazla 8 telefon görseli · 16:9 veya 9:16 oranında · 1080 × 1920 önerilir.
  • App Store: 6.7" (1290 × 2796) ve 5.5" (1242 × 2208) için ayrı setler. 6.7" zorunlu, diğerleri opsiyonel.
  • Dosya formatı: PNG veya JPG. Sıkıştırma yok, max 8 MB.
  • Renk profili: sRGB.

İçeriği değiştirmek istersen

Başlık metinleri ve sıralama tek bir dosyada: src/components/screens/screens.config.ts. Mockup içerikleri için src/components/screens/ScreenContent.astro.