[WEB] Web push message layout

Web Push Settings

1. title
   No character limit, supports emojis and personalization No character limit, supports emojis and personalization
   
   
2. main text
   No character limit, supports emojis and personalization No character limit, supports emojis and personalization
   
   
3. image
   2:1 ratio / 1M or less / png, jpg, jpeg types allowed / 600x300 ~ 1038x519
   
   
4. icon
   1:1 ratio / 512k or less / png, jpg, jpeg types allowed / 80 x 80 ~ 256 x 256
   
   
5. badge
   1:1 ratio / 512k or less / png type allowed / 72 x 72
   
   
6. button icon
   1:1 ratio / 512k or less / png type allowed / 24 x 24 ~ 128 x 128
   
   
7. button phrase
   No character limit, no personalization (only emojis can be added directly)

Platform-specific layout

※ If custom settings are applied differently depending on the browser and OS version, the settings are not reflected in the preview.

Android

Check where each setting is exposed.
※ The layout is based on the Chrome browser.

[[Quote:Warning:Small]] Precautions
- Uploaded badges only apply to Android Chrome browser. If the badge is not applied, the default Chrome browser icon is displayed.
- Uploaded button images are only displayed on Android versions 7 and lower and Chrome 50+ and higher.

Mac OS

Check where each setting is exposed.
※ The layout is based on the Chrome browser.

[[Quote:Warning:Small]] Precautions
- Uploaded images are not displayed on Mac OS, and only the upload icon image is greatly enlarged.
- Uploaded images, badges, and button images are not exposed on Mac OS.

Windows

Check where each setting is exposed.
※ The layout is based on the Chrome browser.

[[Quote:Warning:Small]] Precautions
- Badges uploaded from Windows are not displayed.
- Uploaded button images are displayed starting from Chrome 50+.