# Tasarım Kılavuzu

## Push Bildirimleri: Görsel & Video

Medya push bildirimleri için görseller, **What** adımında görselin URL'si girilerek eklenebilir **Android Media URL** and **IOS Media URL** metin alanlarına ayrı ayrı veya cihazdan medya dosyaları yükleyerek. **gif** and **video** formatlı medya push'ları yalnızca IOS cihazları tarafından desteklenir.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FjlbX7DLaLasZp1hBbwah%2Fimage.png?alt=media&#x26;token=42f8d687-a4d7-457d-940b-6c4532529e62" alt=""><figcaption><p>Medya Ekle</p></figcaption></figure>

<table><thead><tr><th width="150">Görseli</th><th width="302.3333333333333">iOS</th><th>Android</th></tr></thead><tbody><tr><td>Dosya türleri</td><td><strong>Önerilen:</strong>  jpg, jpeg, png, gif  </td><td><strong>Önerilen:</strong> jpg, jpeg, png    </td></tr><tr><td>Çözümleme</td><td><p><strong>Önerilen:</strong> 2:1 en-boy oranında yatay </p><p></p><p><strong>Yaygın Boyutlar:</strong> 512x256px</p><p>                          1440x720px </p><p></p><p><strong>Minimum Genişlik:</strong> 300 piksel</p><p><strong>Maks</strong> <strong>Genişlik:</strong> 4096 piksel</p></td><td><p><strong>Önerilen:</strong> 2:1 en-boy oranında yatay </p><p></p><p><strong>Yaygın Boyutlar:</strong> 512x256px</p><p>                          1440x720px </p><p></p><p><strong>Minimum Genişlik:</strong> 300 piksel</p><p><strong>Maks</strong> <strong>Genişlik:</strong> 2000 piksel </p></td></tr></tbody></table>

### iOS Media URL için Desteklenen Video Dosya Türleri

{% hint style="info" %}
Video formatlı medya push'ları **yalnızca desteklenir** **IOS cihazları için.**
{% endhint %}

<table><thead><tr><th width="164.33333333333331">Video</th><th width="388">Desteklenen dosya türleri</th><th>Maksimum boyut</th></tr></thead><tbody><tr><td>Video</td><td><p><code>MPEG</code></p><p><code>MPEG-2</code></p><p><code>MP4</code></p><p><code>AVI</code></p></td><td>5 MB</td></tr></tbody></table>

## Netmera Widget Görsel Boyutları

Widget'lar için ideal görsel boyutunu belirlemek esnek bir süreçtir çünkü katı gereksinimler yoktur; widget'lar farklı çözünürlük ve boyutlara uyacak şekilde özelleştirilebilir. Uygun görsel boyutunu kullanarak widget'lar istenen boyutlara göre ayarlanmış çözünürlüklerle hazırlanabilir.

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2Fv1oZCW3hykSyCTGvs0Hy%2Funnamed.png?alt=media&#x26;token=2e272eef-09d0-4b05-8a67-5795e10b57be" alt=""><figcaption></figcaption></figure>

{% hint style="info" %}
**Tam Genişlik Görsel Widget'ları için İpuçları:**

Tam genişlik görüntülemeyi tercih ediyorsanız, widget boyutunu görsel boyutuna eşitleyerek widget boyutunu görsel boyutuyla hizalamak uygun bir yaklaşım olabilir. Bu esneklik, widget görsellerini ihtiyaçlarınıza göre uyarlamanızı sağlar.
{% endhint %}

## Push Bildirimi Stilleri <a href="#id-2023-updates" id="id-2023-updates"></a>

<figure><img src="https://1655476697-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FX6uilbEAw42gqsudlclY%2Fuploads%2FIs3Iyr3838NEbAGWPbCx%2Fimage.png?alt=media&#x26;token=af740a73-d49b-4b5a-a28f-df471e578c38" alt=""><figcaption></figcaption></figure>

1. **Tarayıcı İkonu**\
   Manifestte ilk tanımlanan ve bireysel mesajlar için düzenlenemeyen ikon.
2. **Başlık**\
   30 Karakter (kısaltılmadan önce).
3. **Bildirim Zamanı**\
   Bildirimin ne kadar süre önce olduğunu gösterir.
4. **Uygulama Adı**\
   Web Application Manifest'te kaydedilen uygulama adı (düzenlenemez).
5. **kullanıcı etkileşimini artırmayı hedefler.**\
   120-150 karakter (kısaltılmadan önce).

## Web Push

### macOS Monterey için Chrome

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_940/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_1-2048x2048.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Tarayıcı İkonu**\
Chrome ikonu. Bu değiştirilemez.

**b. Başlık**\
60-80 karakter ile sınırlıdır.

**c. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**d. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz). Genişletildiğinde büyür.

**e. İçerik**\
120-150 karakter ile sınırlıdır.

**f. Aksiyon Butonları**\
En fazla 2 butonu destekler.

İkonun varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın.

### macOS Monterey için Firefox

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_940/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_2-2048x2048.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Tarayıcı İkonu**\
Firefox ikonu. Bu değiştirilemez.

**b. Başlık**\
60-80 karakter ile sınırlıdır.

**c. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**d. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz). Genişletildiğinde büyür.

**e. İçerik**\
120-150 karakter ile sınırlıdır.

**f. Aksiyon Butonları**\
En fazla 2 butonu destekler.

İkonun varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın.

### macOS Monterey için Safari

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_327/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_3-2048x712.png" alt="" width="563"><figcaption></figcaption></figure>

**a. İkon**\
Bu bir kez ayarlanır ve bireysel mesajlar için değiştirilemez. 256×256 olmalıdır. PNG, JPG, GIF (animasyonsuz).

**b. Başlık**\
60-80 karakter ile sınırlıdır.

**c. İçerik**\
120-150 karakter ile sınırlıdır.

### Windows 11 için Chrome

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_675/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_4-2048x1470.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Banner Görseli**\
360×180 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).

**b. Tarayıcı + Tarayıcı İkonu**\
Değiştirilemez.

**c. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**d. Aksiyon Butonları**\
En fazla 2 butonu destekler.

**e. Daha Fazla Seçenek**\
Bildirim ayarlarını ve odak yardımını içerir.

**f. Kapat**\
Bildirimi kapatır.

**g. Başlık**\
60 karakter ile sınırlıdır.

**h. İçerik**\
120 karakter ile sınırlıdır.

**i. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

Windows, hem banner görseli hem de ikonun gösterilmesiyle görseller için en fazla ekran alanını sunar.

### Windows 11 için Microsoft Edge

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_696/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_5-2048x1517.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Banner Görseli**\
360×180 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).

**b. Tarayıcı + Tarayıcı İkonu**\
Değiştirilemez.

**c. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**d. Aksiyon Butonları**\
En fazla 2 butonu destekler.

**e. Daha Fazla Seçenek**\
Bildirim ayarlarını ve odak yardımını içerir.

**f. Kapat**\
Bildirimi kapatır.

**g. Başlık**\
60 karakter ile sınırlıdır.

**h. İçerik**\
120 karakter ile sınırlıdır.

**i. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

### Windows 11 için Firefox

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_348/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_6-2048x759.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Tarayıcı + Tarayıcı İkonu**\
Değiştirilemez.

**b. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**c. Daha Fazla Seçenek**\
Bildirim ayarlarını ve odak yardımını içerir.

**d. Kapat**\
Bildirimi kapatır.

**e. Başlık**\
60 karakter ile sınırlıdır.

**f. İçerik**\
120 karakter ile sınırlıdır.

**g. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

Firefox'un Windows 11'de Chrome ve Edge gibi bir banner görseli veya aksiyon butonları olmadığını unutmayın.

### Android 12 için Chrome

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_653/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_8-2048x1422.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Rozet (Badge)**\
72×72 veya daha büyük. Şeffaf arka plan üzerinde beyaz olmalıdır. PNG.

**b. Başlık**\
50 karakter ile sınırlıdır.

**c. Gövde**\
150 karakter ile sınırlıdır.

**d. Büyük Görsel**\
1024×512 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).

**e. Tarayıcı**\
Değiştirilemez.

**f. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**g. Zaman Damgası**\
Mesajın ne zaman alındığını gösterir.

**h. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**i. Aksiyon Butonları**\
En fazla 2 butonu destekler.

## Mobil Push

### iOS 15 Native

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_740/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_7-1-2048x1612.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Uygulama İkonu**\
Uygulamanın varsayılan ikonunu kullanır ve değiştirilemez.

**b. Zengin Medya**\
1024×1024 veya 1:1 en-boy oranı. PNG, JPG, GIF, MP4, MP3, WAV.

**c. Başlık**\
25-50 karakter ile sınırlıdır.

**d. Zaman Damgası**\
Mesajın ne zaman alındığını gösterir.

**e. Mesaj**\
150 karakter ile sınırlıdır.

**f. Aksiyon Butonları**\
En fazla 4 butonu destekler.

iOS ayrıca bir alt başlık (subtitle) desteğine sahiptir. Android'in aksine iOS şu anda web push desteğine sahip değildir; fakat yakın zamanda iOS web push desteğinin gelebileceğini düşünüyoruz.

### Android 12 Native

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_653/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_9-2048x1422.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Küçük İkon**\
24×24 – 96×96 tüm cihaz boyutlarına uyacak şekilde. Şeffaf arka plan üzerinde beyaz olmalıdır. PNG.

**b. Başlık**\
50 karakter ile sınırlıdır.

**c. Gövde**\
150 karakter ile sınırlıdır.

**d. Büyük Görsel**\
1440×720 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).

**e. Uygulama Adı**\
Değiştirilemez.

**f. Zaman Damgası**\
Mesajın alındığı zaman.

**g. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**h. Aksiyon Butonları**\
En fazla 3 butonu destekler.

## Eski Web İşletim Sistemleri&#x20;

Referans için işletim sistemleri (macOS Big Sur, iOS 14, Android 11).

### macOS Big Sur için Chrome

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_940/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_10-2048x2048.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Tarayıcı İkonu**\
Chrome ikonu. Bu değiştirilemez.

**b. Başlık**\
60-80 karakter ile sınırlıdır.

**c. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**d. İçerik**\
120-150 karakter ile sınırlıdır.

**e. Tarayıcı**\
Değiştirilemez.

**f. Zaman Damgası**\
Mesajın ne zaman alındığını gösterir.

**g. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz). Genişletildiğinde büyür.

**h. Aksiyon Butonları**\
En fazla 2 butonu destekler.

İkonun varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın. macOS Big Sur ile öncekiler arasındaki başlıca fark, mesajların daha büyük bir ikon ile genişletilebilmesi ve tarayıcı ikonunun daha küçük olması, böylece içeriğe daha fazla alan bırakılmasıdır.

### macOS Big Sur için Firefox

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_940/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_11-2048x2048.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Tarayıcı İkonu**\
Firefox ikonu. Bu değiştirilemez.

**b. Başlık**\
60-80 karakter ile sınırlıdır.

**c. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**d. İçerik**\
120-150 karakter ile sınırlıdır.

**e. Tarayıcı**\
Değiştirilemez.

**f. Zaman Damgası**\
Mesajın ne zaman alındığını gösterir.

**g. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz). Genişletildiğinde büyür.

**h. Aksiyon Butonları**\
Bunlar Firefox için özelleştirilemez.

İkonun varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın. macOS Big Sur ile öncekiler arasındaki başlıca fark, mesajların daha büyük bir ikon ile genişletilebilmesi ve tarayıcı ikonunun daha küçük olması, böylece içeriğe daha fazla alan bırakılmasıdır.

### macOS Big Sur için Safari

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_348/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_12-2048x759.png" alt="" width="563"><figcaption></figcaption></figure>

**a. İkon**\
Bu bir kez ayarlanır ve bireysel mesajlar için değiştirilemez. 256×256 olmalıdır. PNG, JPG, GIF (animasyonsuz).

**b. Başlık**\
60-80 karakter ile sınırlıdır.

**c. İçerik**\
120-150 karakter ile sınırlıdır.

**d. Web Sitesi Adı**\
Değiştirilemez.

**e. Zaman Damgası**\
Mesajın ne zaman alındığını gösterir.

### macOS Catalina için Chrome

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_414/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_13-2048x901.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Tarayıcı İkonu**\
Chrome ikonu. Bu değiştirilemez.

**b. Başlık**\
20-40 karakter ile sınırlıdır.

**c. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**d. İçerik**\
20-80 karakter ile sınırlıdır.

**e. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

İkonun varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın. macOS için Chrome ayrıca 2 aksiyon butonunu destekler.

### macOS Catalina için Firefox

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_414/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_14-2048x901.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Tarayıcı İkonu**\
Firefox ikonu. Bu değiştirilemez.

**b. Başlık**\
60-80 karakter ile sınırlıdır.

**c. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**d. İçerik**\
20-80 karakter ile sınırlıdır.

**e. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

İkonun varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın.

### macOS Catalina için Safari

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_392/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_15-2048x854.png" alt="" width="563"><figcaption></figcaption></figure>

**a. İkon**\
Bu bir kez ayarlanır ve bireysel mesajlar için değiştirilemez. 256×256 olmalıdır. PNG, JPG, GIF (animasyonsuz).

**b. Başlık**\
40 karakter ile sınırlıdır.

**c. İçerik**\
90 karakter ile sınırlıdır.

Safari'nin neden bir tarayıcı ikonuna sahip olmadığını ve alan adını göstermediğini fark edin.

### Windows 10 için Chrome

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_522/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_16-2048x1138.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Banner Görseli**\
360×180 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).

**b. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**c. Tarayıcı**\
Değiştirilemez.

**d. Aksiyon Butonları**\
En fazla 2 butonu destekler.

**e. Başlık**\
60 karakter ile sınırlıdır.

**f. İçerik**\
120 karakter ile sınırlıdır.

**g. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

Windows, hem banner görseli hem de ikonun gösterilmesiyle görseller için en fazla ekran alanını sunar.

### Windows 10 için Firefox

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_348/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_17-2048x759.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Başlık**\
40 karakter ile sınırlıdır.

**b. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**c. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**d. İçerik**\
140-190 karakter ile sınırlıdır.

**e. Ayarlar**\
Değiştirilemez.

### Windows 10 için Microsoft Edge

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_348/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_18-2048x759.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Başlık**\
40 karakter ile sınırlıdır.

**b. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

**c. Tarayıcı**\
Değiştirilemez.

**d. İçerik**\
140-190 karakter ile sınırlıdır.

**e. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

### Android 11 için Chrome

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_566/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_19-1-2048x1233.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Rozet (Badge)**\
72×72 veya daha büyük. Şeffaf arka plan üzerinde beyaz olmalıdır. PNG.

**b. Başlık**\
50 karakter ile sınırlıdır.

**c. Gövde**\
150 karakter ile sınırlıdır.

**d. Büyük Görsel**\
1024×512 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).

**e. Tarayıcı**\
Değiştirilemez.

**f. Alan Adı**\
Kullanıcının abone olduğu web sitesi. Değiştirilemez.

**g. Zaman Damgası**\
Mesajın ne zaman alındığını gösterir.

**h. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

## Eski Mobil İşletim Sistemleri

### Android 11 Native

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_609/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_20-2048x1327.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Küçük İkon**\
24×24 – 96×96 tüm cihaz boyutlarına uyacak şekilde. Şeffaf arka plan üzerinde beyaz olmalıdır. PNG.

**b. Başlık**\
50 karakter ile sınırlıdır.

**c. Gövde**\
150 karakter ile sınırlıdır.

**d. Büyük Görsel**\
1440×720 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).

**e. Aksiyon Butonları**\
En fazla 3 butonu destekler.

**f. Uygulama Adı**\
Değiştirilemez.

**g. Zaman Damgası**\
Mesajın alındığı zaman.

**h. İkon**\
192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).

### iOS 14 Native

<figure><img src="https://sp-ao.shortpixel.ai/client/to_webp,q_glossy,ret_img,w_940,h_783/https://netmera.com/wp-content/uploads/2022/04/pushdesignblog-Kurtarilan_21-2048x1707.png" alt="" width="563"><figcaption></figcaption></figure>

**a. Uygulama İkonu**\
Uygulamanın varsayılan ikonunu kullanır ve değiştirilemez.

**b. Zengin Medya**\
1024×1024 veya 1:1 en-boy oranı. PNG, JPG, GIF, MP4, MP3, WAV.

**c. Başlık**\
25-50 karakter ile sınırlıdır.

**d. Mesaj**\
150 karakter ile sınırlıdır.

**e. Uygulama Adı**\
Değiştirilemez.

**f. Seçenekler**\
Değiştirilemez.

**g. Aksiyon Butonları**\
En fazla 4 butonu destekler.

iOS ayrıca bir alt başlık (subtitle) desteğine sahiptir. Android'in aksine iOS şu anda web push desteğine sahip değildir.