Web Push Notifications support Icon, Image, and Badge customization options.
By default, iZooto uses a Bell Icon for Icon and Badge. This can be changed to one of your choices from the iZooto panel while sending the notification under the Message section.
Badges can be changed from under the Advanced section on the Send Notification page.
The image can be defined by using the Banner Image field under the Message section on the Send Notification page.
If you are using Rest APIs to push notifications, you can use
banner_url parameters to define Icon, Badge, and Banner Image respectively.
The icon displays to the side of the notification's title and message. In this example, it is the iZooto logo.
Only Chrome supports displaying a large image below the notification's title and message. Chrome on macOS requires the BigSur update or higher to support images.
Recommendations: 2:1 aspect ratio landscape
Max Width: 2000 pixels
For troubleshooting, please refer to Notification Images Not Shown on Device.
When there are too many notifications in the tray, the image may not be shown at first. The notifications has to be "scrolled down" to see the image.
For Chrome 53+ on Android 6.0+, the badge replaces the Chrome browser icon that appears in the notification tray and above the title. In this example, a custom badge for the app replaces the Chrome browser icon.
Not supported: RGB channels. Badges use alpha channels because they must appear on both light and dark backgrounds.
Must use an HTTPS URL
Here is an example badge icon of our iZooto logo that uses only the alpha channel.
Updated 6 months ago