> ## Documentation Index
> Fetch the complete documentation index at: https://documentation.onesignal.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Bildirim resimleri ve zengin medya

> OneSignal'in Dashboard'u ve API'sini kullanarak mobil push bildirimlerine resimler, gif'ler ve multimedya eklemeyi, önerilen formatlar, cihaza özel davranışlar ve zengin medya özelleştirme seçenekleri dahil olmak üzere öğrenin.

Bu kılavuz, OneSignal'de platform desteği, teknik sınırlamalar ve özelleştirme seçenekleri dahil olmak üzere **resimler ve zengin medya** kullanarak mobil push bildirimlerini nasıl geliştireceğinizi açıklar.

Diğer kanallar için resim kılavuzları:

<Columns cols={2}>
  <Card title="Web Push" href="./push#image" arrow={true}>
    Web push bildirimlerine resimler ekleyin.
  </Card>

  <Card title="In-App Messages" href="./design-your-in-app-message" arrow={true}>
    Uygulama içi mesajlara resimler ekleyin.
  </Card>

  <Card title="Email" href="./design-emails-with-drag-and-drop" arrow={true}>
    E-postalara resimler ekleyin.
  </Card>

  <Card title="SMS" href="./sms-messaging" arrow={true}>
    MMS mesajları oluşturmak için resimler ekleyin.
  </Card>
</Columns>

***

## Mobil uygulama resimleri

OneSignal Dashboard veya API aracılığıyla push bildirimlerine resimler ekleyebilirsiniz. İki ana tür vardır:

### Bildirim simgeleri

* **iOS**: Uygulama simgesini otomatik olarak kullanır.
* **Android**: Özel büyük ve küçük simgelere izin verir.
* Kurulum talimatları için [Notification icons](./notification-icons)'a bakın.

### Büyük Resim (geniş format)

* **Android**: Çoğu cihazda varsayılan olarak genişletilmiş şekilde gösterir.
* **iOS**: Kullanıcının aşağı kaydırması veya uzun basması gerekir.

Resim eklemek için:

* Dashboard'da: **Messages > New Push > Resim alanına "Upload"**
* Veya API parametrelerini kullanın: `big_picture` (Android) ve `ios_attachments` (iOS)

<Frame caption="OneSignal Dashboard'da 'Image' alanı aracılığıyla resimler ekleyin.">
  <img src="https://mintcdn.com/onesignal/YOTSrtBSoqdrJ37A/images/docs/4cb2ac2-Screenshot_2024-03-15_at_11.19.45_AM.png?fit=max&auto=format&n=YOTSrtBSoqdrJ37A&q=85&s=d8fa92fdbd9a610dcdbbb2ef5065d08b" width="1828" height="828" data-path="images/docs/4cb2ac2-Screenshot_2024-03-15_at_11.19.45_AM.png" />
</Frame>

***

## Resim özellikleri

2:1 en boy oranına sahip yatay yönelimli resimler kullanın.

|                     | iOS                                                                                                                                           | Android                                                                                              |
| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------- | ---------------------------------------------------------------------------------------------------- |
| **Dosya türleri**   | `jpg`, `jpeg`, `png`, `gif`                                                                                                                   | `jpg`, `jpeg`, `png`, `gif`\*                                                                        |
| **Çözünürlük**      | 1:1 en boy oranı veya 2:1 en boy oranı (örneğin, `1038x1038px` veya `1024×512px`)<br />**Maks Genişlik:** 2000px<br />**Min Genişlik:** 300px | 2:1 en boy oranı (örneğin, `1024×512px`)<br />**Maks Genişlik:** 2000px<br />**Min Genişlik:** 300px |
| **API Parametresi** | `ios_attachments`                                                                                                                             | `big_picture`                                                                                        |

* \*Android, animasyonlu GIF'leri **desteklemez**.
* [Action Buttons](./action-buttons) eklemek, resim görüntüleme alanını azaltabilir.
* Resimler görünmüyorsa [Notification Images Not Showing](./notification-images-not-showing)'a bakın.

<Warning>
  OneSignal, 5MB yükleme sınırı uygular ve ses veya video yüklemelerini desteklemez. Barındırılan resimlerin süresi 33 gün sonra dolar. Uzun süreli kullanım için kendi statik URL'nize yükleyin veya Şablonlar kullanın.
</Warning>

***

## Zengin bildirim özelleştirme

OneSignal, yerel platform özelliklerini kullanarak daha derin görsel ve etkileşimli özelleştirmeyi destekler.

### Android özel bildirim düzeni

Android 12+ özel bildirimler için sistem şablonlarını zorunlu kılar. Ancak, Android'in standart bildirim stillerini kullanarak düzeninizi özelleştirebilirsiniz. Ayrıntılar için [davranış değişikliklerine](https://developer.android.com/about/versions/12/behavior-changes-12#custom-notifications) bakın.

Düzeninizi özelleştirmek için:

* [Android'in özel bildirim kılavuzu](https://developer.android.com/develop/ui/views/notifications/custom-notification)'nu takip edin
* [Notification Service Extension](./service-extensions) aracılığıyla değişiklikleri uygulayın
* Mevcut özelleştirmeler için [Notification.DecoratedCustomViewStyle](https://developer.android.com/reference/android/app/Notification.DecoratedCustomViewStyle)'a bakın.

### iOS içerik uzantıları

iOS, bildirimlerde zengin medya ve etkileşimi etkinleştirmek için [`UNNotificationContentExtension`](https://developer.apple.com/documentation/usernotificationsui/unnotificationcontentextension?language=objc) kullanır.

Desteklenen özellikler:

* Resim karuselleri
* Gömülü video oynatma
* Takvimler veya sohbet önizlemeleri gibi özel görünümler

Kurulum talimatları için [iOS Carousel Guide](./ios-image-carousel-push-notifications)'a bakın.

***

## Desteklenen medya ekleri

Zengin medya, harici olarak barındırılan içeriğe URL'ler aracılığıyla eklenebilir. Bu, iOS'ta `UNNotificationContentExtension` ile çalışır.

<Warning>
  * URL'lerinizin dosyaya doğrudan bağlantılar olduğundan ve doğru uzantıyla bittiğinden emin olun. Değilse, SDK'nın medya türünü algılayabilmesi için bir sorgu ekleyin (örneğin, `?file=video.mp4`).
  * OneSignal, yüklenen resimlerde 5MB sınırına sahiptir. Video ve ses harici olarak barındırılmalıdır. Bir web sayfasına değil, doğrudan medya dosyasına bağlantı verin.
</Warning>

| Ek        | Dosya Türü                             | Maks Boyut | Gereksinimler                                                                                                                                  |
| --------- | -------------------------------------- | ---------- | ---------------------------------------------------------------------------------------------------------------------------------------------- |
| **Ses**   | `aif`, `aiff`, `wav`, `mp3`            | 5MB        | Yok                                                                                                                                            |
| **Video** | `mp4`, `mpeg`, `mpeg2`, `mpeg4`, `avi` | 50MB       | [`UNNotificationContentExtension`](https://developer.apple.com/documentation/usernotificationsui/unnotificationcontentextension?language=objc) |
| **Resim** | `jpg`, `jpeg`, `png`, `gif`            | 10MB       | [OneSignalNotificationServiceExtension](./service-extensions)                                                                                  |

<Note>
  [OneSignalNotificationServiceExtension](./service-extensions), OneSignal SDK'ya dahildir ve resim desteği, teslimat takibi ve rozet güncellemeleri için gereklidir.
</Note>

***

## Test ipuçları

Medyanızın cihazlar arasında doğru şekilde görüntülendiğinden emin olun:

* Her zaman gerçek cihazlarda test edin (emülatörlerde değil).
* iOS, zengin medyayı ortaya çıkarmak için uzun basma veya aşağı kaydırma gerektirir.
* Android renderleme, cihaza, işletim sistemi sürümüne ve eylem düğmelerinin varlığına göre değişir.
* Bir kampanya başlatmadan önce OneSignal'de **"Send Test"** düğmesini kullanın.

### Örnek kullanım durumları

* Terk edilmiş sepet hatırlatıcısında bir ürün fotoğrafı gösterin
* Video önizlemeli yeni bir film fragmanını tanıtın (yalnızca iOS)
* Hızlı satış için animasyonlu bir banner gönderin

***

## Sorun giderme

Resimleriniz beklendiği gibi görünmüyorsa, yaygın nedenler ve düzeltmeler için [Notification Images Not Showing](./notification-images-not-showing) kılavuzuna bakın.

***
