Tasarım Kılavuzu
Push Notification'ları: Görsel & Video
Medya push bildirimleri için görseller, adımda görselin URL'si girilerek eklenebilir Ne Netmera Widget Görsel Boyutları'na Android Media URL Success Rate IOS Media URL metin alanlarına ayrı ayrı veya cihazdan medya dosyalarını yükleyerek. gif Success Rate video formatlanmış medya push'ları yalnızca IOS cihazlarında 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 formatlı medya push'lar yalnızca desteklenir IOS cihazları için.
Video
MPEG
MPEG-2
MP4
AVI
5 MB
Netmera Widget Görsel Boyutları
Widget'lar için ideal görsel boyutunu belirlemek esnek bir süreçtir; sıkı gereksinimler yoktur çünkü widget'lar farklı çözünürlüklere ve boyutlara uyacak şekilde özelleştirilebilir. Uygun görsel boyutunu kullanabilir ve widget'lar istenen boyutlara göre ayarlanmış çözünürlüklerle hazırlanabilir.
Tam Genişlik Görsel Widget'lar için İpuçları:
Tam genişlik gösterimi tercih ediyorsanız, widget boyutunu görsel boyutuyla eşitleyerek widget boyutunu görsel boyutuna ayarlamak uygun bir yaklaşım olabilir. Bu esneklik, widget görsellerini özel ihtiyaçlarınıza göre uyarlamanızı sağlar.
Push Notification Stilleri
Tarayıcı Simgesi Manifestte başlangıçta tanımlanan ve bireysel mesajlar için düzenlenemeyen simge.
Başlık Kısaltılmadan önce 30 Karakter.
Bildirim Zamanı Bildirimin ne kadar eski olduğunu gösterir.
Uygulama Adı Web Application Manifest'te kaydedildiği haliyle uygulama adı (düzenlenemez).
Message Text Kısaltılmadan önce 120-150 karakter.
Web Bildirim
Chrome for macOS Monterey
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. Simg e 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.
Simgelerin varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın.
Firefox for macOS Monterey
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. Simg e 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.
Simgelerin varlığına ve kullanılan karakterlere bağlı olarak karakter sınırlamalarının değişebileceğini unutmayın.
Safari for macOS Monterey
a. Simg e 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.
Chrome for Windows 11
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. Simg e 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
d. Aksiyon Butonları En fazla 2 butonu destekler.
e. Diğer Seçenekler Bildirim ayarlarını ve odak yardımını içerir.
f. Kapat Bildirim kapatılı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, banner görseli ve simgenin her ikisini de göstererek görseller için en fazla ekran alanını sunar.
Microsoft Edge for Windows 11
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. Simg e 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
d. Aksiyon Butonları En fazla 2 butonu destekler.
e. Diğer Seçenekler Bildirim ayarlarını ve odak yardımını içerir.
f. Kapat Bildirim kapatılı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.
Firefox for Windows 11
a. Tarayıcı + Tarayıcı Simgesi Değiştirilemez.
b. Simg e 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
c. Diğer Seçenekler Bildirim ayarlarını ve odak yardımını içerir.
d. Kapat Bildirim kapatılı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.
Firefox'un Windows 11'de Chrome ve Edge gibi bir banner görseli veya aksiyon butonları olmadığını unutmayın.
Chrome for Android 12
a. Rozet 72×72 veya daha büyük. Şeffaf arka planlı beyaz olmalıdır. PNG.
b. Başlık 50 karakterle sınırlıdır.
c. Gövde 150 karakterle 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. Domain 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. Simg e 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
i. Aksiyon Butonları En fazla 2 butonu destekler.
Mobile 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 ne zaman alındığını gösterir.
e. Mesaj 150 karakterle sınırlıdır.
f. Aksiyon 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 24×24 – 96×96 tüm cihaz boyutlarına uyacak şekilde. Şeffaf arka planlı beyaz olmalıdır. PNG.
b. Başlık 50 karakterle sınırlıdır.
c. Gövde 150 karakterle 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. Simg e 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
h. Aksiyon Butonları En fazla 3 butonu destekler.
Eski Web İşletim Sistemleri
Referans olarak işletim sistemleri (macOS Big Sur, iOS 14, Android 11).
Chrome for macOS Big Sur
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 ne zaman alındığını gösterir.
g. Simg e 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.
Simgelerin 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 önceki sürümleri arasındaki temel fark, mesajların daha büyük bir simgeyle genişletilebilmesi ve tarayıcı simgesinin daha küçük olması dolayısıyla içeriğe daha fazla yer bırakmasıdır.
Firefox for macOS Big Sur
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 ne zaman alındığını gösterir.
g. Simg e 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.
Simgelerin 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 önceki sürümleri arasındaki temel fark, mesajların daha büyük bir simgeyle genişletilebilmesi ve tarayıcı simgesinin daha küçük olması dolayısıyla içeriğe daha fazla yer bırakmasıdır.
Safari for macOS Big Sur
a. Simg e 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. Website Adı Değiştirilemez.
e. Zaman Damgası Mesajın ne zaman alındığını gösterir.
Chrome for macOS Catalina
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. Simg e 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şebileceğini unutmayın. Chrome for macOS ayrıca 2 aksiyon butonunu destekler.
Firefox for macOS Catalina
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. Simg e 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şebileceğini unutmayın.
Safari for macOS Catalina
a. Simg e 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ı simgesi olmadığını ve domain'i göstermediğini fark edin.
Chrome for Windows 10
a. Banner Görseli 360×180 veya 2:1 en-boy oranı. PNG, JPG, GIF (animasyonsuz).
b. Simg e 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. Domain Kullanıcının abone olduğu web sitesi. Değiştirilemez.
Windows, banner görseli ve simgenin her ikisini de göstererek görseller için en fazla ekran alanını sunar.
Firefox for Windows 10
a. Başlık 40 karakter ile sınırlıdır.
b. Simg e 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.
Microsoft Edge for Windows 10
a. Başlık 40 karakter ile sınırlıdır.
b. Simg e 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.
Chrome for Android 11
a. Rozet 72×72 veya daha büyük. Şeffaf arka planlı beyaz olmalıdır. PNG.
b. Başlık 50 karakterle sınırlıdır.
c. Gövde 150 karakterle 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. Domain 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. Simg e 192×192 veya daha büyük. PNG, JPG, GIF (animasyonsuz).
Eski Mobil İşletim Sistemleri
Android 11 Native
a. Küçük Simge 24×24 – 96×96 tüm cihaz boyutlarına uyacak şekilde. Şeffaf arka planlı beyaz olmalıdır. PNG.
b. Başlık 50 karakterle sınırlıdır.
c. Gövde 150 karakterle 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. Simg e 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 karakterle 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 desteğine sahiptir. Android'in aksine, iOS şu anda web push desteğine sahip değildir.
Last updated
Was this helpful?