Tasarım Kılavuzu
Push Bildirimleri: Resim & Video
Medya push bildirimleri için resimler şurada eklenebilir Ne resmin URL'si girilerek Android Media URL kampanyanın finansal başarısını belirlemeye yardımcı olur. IOS Media URL metin alanlarına ayrı ayrı veya cihazdan medya dosyalarını yükleyerek. gif kampanyanın finansal başarısını belirlemeye yardımcı olur. video Biçimlendirilmiş medya push bildirimleri yalnızca IOS cihazlar tarafından desteklenir.
Dosya türleri
Önerilen: jpg, jpeg, png, gif
Önerilen: jpg, jpeg, png
Çözümleme
Önerilen: 2:1 en-boy oranı yatay
Yaygın Boyutlar: 512x256px
1440x720px
Minimum Genişlik: 300 piksel
Maks Genişlik: 4096 piksel
Önerilen: 2:1 en-boy oranı yatay
Yaygın Boyutlar: 512x256px
1440x720px
Minimum Genişlik: 300 piksel
Maks Genişlik: 2000 piksel
iOS Media URL için Desteklenen Video Dosya Türleri
Video biçimlendirilmiş medya push bildirimleri yalnızca desteklenir IOS cihazları için.
Video
MPEG
MPEG-2
MP4
AVI
5 MB
Netmera Widget Resim Boyutları
Widgetlar için ideal resim boyutunu belirlemek esnek bir süreçtir çünkü katı gereksinimler yoktur; widgetlar çeşitli çözünürlüklere ve boyutlara uyacak şekilde özelleştirilebilir. Uygun resim boyutunu kullanarak widgetlar istenen boyutlara göre ayarlanmış çözünürlüklerle hazırlanabilir.
Tam Genişlik Resim Widgetleri İçin İpuçları:
Tam genişlik gösterimi tercih ediyorsanız, widget boyutunu resim boyutuna eşitleyerek widget boyutunu resim boyutuyla hizalamak uygun bir yaklaşım olabilir. Bu esneklik, widget resimlerini özel ihtiyaçlarınıza göre uyarlamanızı sağlar.
Push Bildirim Stilleri
Tarayıcı Simgesi Manifestte ilk tanımlanan ve bireysel mesajlar için düzenlenemeyen simge.
Başlık 30 Karakter (kısaltma öncesi).
Bildirim Zamanı Bildirimin ne kadar eski olduğunu gösterir.
Uygulama Adı Web Uygulama Manifestinde kaydedildiği şekliyle uygulama adı (düzenlenemez).
: "Sezonun en büyük indirimini kaçırmayın. Alışveriş yapmak için buraya tıklayın!" gibi bir mesaj metni 120-150 karakter (kısaltma öncesi).
Web Bildirim
macOS Monterey için Chrome
a. Tarayıcı Simgesi Chrome simgesi. Bu değiştirilemez.
b. Başlık 60-80 karakter ile sınırlıdır.
c. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
d. Simge 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. Eylem Butonları En fazla 2 butonu destekler.
Simgelerin varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değiştiğini unutmayın.
macOS Monterey için Firefox
a. Tarayıcı Simgesi Firefox simgesi. Bu değiştirilemez.
b. Başlık 60-80 karakter ile sınırlıdır.
c. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
d. Simge 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. Eylem Butonları En fazla 2 butonu destekler.
Simgelerin varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değiştiğini unutmayın.
macOS Monterey için Safari
a. Simge 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
a. Banner Görseli 360×180 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).
b. Tarayıcı + Tarayıcı Simgesi Değiştirilemez.
c. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
d. Eylem Butonları En fazla 2 butonu destekler.
e. Daha Fazla Seçenek Bildirim ayarları 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. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
Windows, hem banner görseli hem de simgeyi göstererek görüntüler için en fazla ekran alanını sunar.
Windows 11 için Microsoft Edge
a. Banner Görseli 360×180 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).
b. Tarayıcı + Tarayıcı Simgesi Değiştirilemez.
c. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
d. Eylem Butonları En fazla 2 butonu destekler.
e. Daha Fazla Seçenek Bildirim ayarları 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. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
Windows 11 için Firefox
a. Tarayıcı + Tarayıcı Simgesi Değiştirilemez.
b. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
c. Daha Fazla Seçenek Bildirim ayarları 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. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
Windows 11 üzerindeki Firefox'un Chrome ve Edge gibi bir banner görseli veya eylem butonlarına sahip olmadığını unutmayın.
Android 12 için Chrome
a. Rozet 72×72 veya daha büyük. Şeffaf arka planlı 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 Resim 1024×512 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).
e. Tarayıcı Değiştirilemez.
f. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
g. Zaman Damgası Mesajın alındığı zaman.
h. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
i. Eylem Butonları En fazla 2 butonu destekler.
Mobil Push
iOS 15 Native
a. Uygulama Simgesi Uygulamanın varsayılan simgesini 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 alındığı zaman.
e. Mesaj 150 karakter ile sınırlıdır.
f. Eylem Butonları En fazla 4 butonu destekler.
iOS ayrıca bir alt başlık desteğine sahiptir. Android'in aksine iOS şu anda web push desteğine sahip değildir, ancak iOS web push desteğinin yakında gelebileceğini düşünüyoruz.
Android 12 Native
a. Küçük Simge Tüm cihaz boyutlarına uyması için 24×24 – 96×96. Şeffaf arka planlı 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 Resim 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. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
h. Aksiyon Butonları En fazla 3 butonu destekler.
Eski Web İşletim Sistemleri
Referans için işletim sistemleri (macOS Big Sur, iOS 14, Android 11).
macOS Big Sur için Chrome
a. Tarayıcı Simgesi Chrome simgesi. Bu değiştirilemez.
b. Başlık 60-80 karakter ile sınırlıdır.
c. Domain 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 alındığı zaman.
g. Simge 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.
Karakter sınırlamalarının, bir simgenin varlığına ve kullanılan karakterlere bağlı olarak değiştiğini unutmayın. macOS Big Sur ile önceki sürümleri arasındaki ana fark, mesajların daha büyük bir simge ile genişletilebilmesi ve tarayıcı simgesinin daha küçük olması, böylece içeriğe daha fazla yer bırakmasıdır.
macOS Big Sur için Firefox
a. Tarayıcı Simgesi Firefox simgesi. Bu değiştirilemez.
b. Başlık 60-80 karakter ile sınırlıdır.
c. Domain 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 alındığı zaman.
g. Simge 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.
Karakter sınırlamalarının, bir simgenin varlığına ve kullanılan karakterlere bağlı olarak değiştiğini unutmayın. macOS Big Sur ile önceki sürümleri arasındaki ana fark, mesajların daha büyük bir simge ile genişletilebilmesi ve tarayıcı simgesinin daha küçük olması, böylece içeriğe daha fazla yer bırakmasıdır.
macOS Big Sur için Safari
a. Simge 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 alındığı zaman.
macOS Catalina için Chrome
a. Tarayıcı Simgesi Chrome simgesi. Bu değiştirilemez.
b. Başlık 20-40 karakter ile sınırlıdır.
c. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
d. İçerik 20-80 karakter ile sınırlıdır.
e. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
Karakter sınırlamalarının, bir simgenin varlığına ve kullanılan karakterlere bağlı olarak değiştiğini unutmayın. macOS için Chrome ayrıca 2 eylem butonunu destekler.
macOS Catalina için Firefox
a. Tarayıcı Simgesi Firefox simgesi. Bu değiştirilemez.
b. Başlık 60-80 karakter ile sınırlıdır.
c. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
d. İçerik 20-80 karakter ile sınırlıdır.
e. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
Simgelerin varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değiştiğini unutmayın.
macOS Catalina için Safari
a. Simge 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 bir tarayıcı simgesine sahip olmadığını ve domaini de göstermediğini fark edin.
Windows 10 için Chrome
a. Banner Görseli 360×180 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).
b. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
c. Tarayıcı Değiştirilemez.
d. Eylem 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. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
Windows, hem banner görseli hem de simgeyi göstererek görüntüler için en fazla ekran alanını sunar.
Windows 10 için Firefox
a. Başlık 40 karakter ile sınırlıdır.
b. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
c. Domain 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
a. Başlık 40 karakter ile sınırlıdır.
b. Simge 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. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
Android 11 için Chrome
a. Rozet 72×72 veya daha büyük. Şeffaf arka planlı 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 Resim 1024×512 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).
e. Tarayıcı Değiştirilemez.
f. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
g. Zaman Damgası Mesajın alındığı zaman.
h. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
Eski Mobil İşletim Sistemleri
Android 11 Native
a. Küçük Simge Tüm cihaz boyutlarına uyması için 24×24 – 96×96. Şeffaf arka planlı 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 Resim 1440×720 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).
e. Eylem Butonları En fazla 3 butonu destekler.
f. Uygulama Adı Değiştirilemez.
g. Zaman Damgası Mesajın alındığı zaman.
h. Simge 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
iOS 14 Native
a. Uygulama Simgesi Uygulamanın varsayılan simgesini 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. Eylem Butonları En fazla 4 butonu destekler.
iOS ayrıca bir alt başlık desteğine sahiptir. Android'in aksine iOS şu anda web push desteğine sahip değildir.
Last updated
Was this helpful?