---
title: "Paywall hero image"
description: "Paywallınızı dönüşüm oranlarını artırmak için bir kapak görseli ile özelleştirin."
---

Hero image, paywallınızın göz alıcı unsurudur; tonu belirler, temayı ortaya koyar ve kullanıcıların dikkatini en baştan çeker. Bu görsel, iOS ve Android platformlarında paywallınızın görünümünü ve hissini şekillendirmede kritik bir rol oynar.

:::warning

Bu bölüm, iOS, Android ve React Native SDK'larının 3.0 veya daha yüksek sürümleriyle; Flutter ve Unity SDK'larının ise 3.3.0 veya daha yüksek sürümleriyle çalışan yeni Paywall Builder'ı açıklamaktadır. Adapty SDK v2.x veya öncesiyle uyumlu eski Paywall Builder hakkında bilgi için bkz. [Eski Paywall Builder kapak görseli](paywall-layout-and-products-legacy#main-image-and-sizing).

:::

## Hero image formatı ve boyutu \{#hero-image-format-and-size\}

Ana görsel, paywallınızın tasarımının merkezinde yer alır; kullanıcıları büyülemek ve harekete geçirmek için vazgeçilmezdir. Hero image'ınızın etkili ve görsel açıdan çekici olmasını sağlamak için şu yönergeleri izleyin:

- **Formatlar**: JPG ve PNG.
- **Önerilen Boyut**: Daha hızlı yükleme için 2 MB'a kadar olan dosyalar.
- **Görsel Kompozisyon**: Ana nesnenin ortada konumlandırıldığı ve etrafında yeterli boşluk bırakıldığı fotoğraflar mesajınızı genellikle etkili biçimde iletir.
- **Çarpıcı Görseller**: Duygusal veya canlı fotoğraflar iyi sonuç verir.
- **Grafik Kullanımı**: Görsel çekicilik katmak için idealdir; metin için ayrı alanlar bırakılmalıdır.

  <img src="/assets/shared/img/70000ff-PB_hero_image.gif"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Ana görselin boyutlandırmasını kontrol edebilir, paywallınızda istediğiniz görsel dengeyi elde etmek için oranları ayarlayabilirsiniz. Mükemmel hizalama için görsel boyutunu toplam ekran alanının yüzdesi olarak belirtin.

## Hero image düzen seçenekleri \{#hero-picture-layout-options\}

**Overlay hero image**, paywallınıza derinlik ve dinamizm katar. Alta sabit bir arka plan olarak konumlandırılarak, diğer öğeler üzerinde kaydırıldığında çarpıcı bir efekt oluşturur. Bu sayede hero image sabit görünür; kullanıcılar içeriği kaydırırken görsel açıdan etkileyici bir deneyim yaşar.

  <img src="/assets/shared/img/01c702a-overlay_head_picture.gif"
  style={{
    border: 'none', /* border width and color */
    width: '200px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

**Şeffaf düzen**, anında dikkat çeken cesur, tam ekran bir hero image sunar. Bu düzen, sınırlı sayıda ürün veya içerik sergilemek için mükemmeldir; tüm ekranı doldurarak kaydırma ihtiyacı duymadan güçlü ve doğrudan bir etki yaratır.

  <img src="/assets/shared/img/0401532-transparent_hero_picture.webp"
  style={{
    border: 'none', /* border width and color */
    width: '200px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

:::note
Şeffaf düzeni minimum içerik gösterimi için kullanın; kaydırma içermediğinden mesajınız net ve etkili olur.
:::

**Düz düzen**, kesintisiz bir açılış sayfasını taklit ederek tüm öğeleri sürekli, kaydırılabilir bir katmanda sunar. Kullanıcılar, içeriği kaydırırken akıcı ve bütünleşik bir anlatı deneyimler; bu düzen ürünlerinizi veya hikayelerinizi tek bir akışta etkili biçimde entegre etmek için idealdir.

  <img src="/assets/shared/img/7c13a16-flat_hero_picture.gif"
  style={{
    border: 'none', /* border width and color */
    width: '200px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

:::note
Hikaye anlatımı veya bir dizi teklif sunmak için ideal olan düz düzen, kullanıcıları büyüleyen etkileyici bir sıra oluşturmanıza olanak tanır.
:::

## Hero image maskesi \{#hero-image-mask\}

**Maske türü**, ana görselin şeklini tanımlar ve görsel sunumu zenginleştiren yaratıcı efektler uygulamanıza olanak tanır. Düz veya overlay görsel düzenleri için tasarımınıza uygun çeşitli maske türleri arasından seçim yapabilirsiniz.

  <img src="/assets/shared/img/b484e36-Image_mask.gif"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

Hero image'ınız için mükemmel görünümü elde etmek amacıyla sayısal değerler kullanarak görsel maskesinin yuvarlaklığını ayarlayın.

## Hero image nasıl kaldırılır \{#how-to-remove-a-hero-image\}

Bir paywalldan hero image kaldırmak için:

1. **Hero image** öğesini açın.

  <img src="/assets/shared/img/67f57af-PB_remove_hero_image.gif"
  style={{
    border: '1px solid #727272', /* border width and color */
    width: '700px', /* image width */
    display: 'block', /* for alignment */
    margin: '0 auto' /* center alignment */
  }}
/>

2. Yüksekliğini sıfıra ayarlayın.