Web push notifications can be enriched with images. Those fall under the names of:
- icon
- picture
Icon
The icon is a square image that is always present in the message. By default, the system will use your project logo as icon image.
| Suggested dimensions | 256x256 px (must be squared) |
| Valid image formats | PNG, JPG (JPEG), GIF |
| Mobile/Desktop differences |
Gif animations work only on desktop |
|
Windows (desktop) |
|
| Apple (desktop) |  |
| Android |  |
Picture
The picture is an optional choice. It is bigger than the icon and is a great tool for marketing contents.
| Suggested dimensions |
512x384 px (safe area is 512x256 px centered)
|
| Valid image formats | PNG, JPG (JPEG), GIF (animated gifs work only on desktop) |
| Mobile/Desktop differences |
Gif animations work only on desktop Different cropping ratios. On desktop, images can even be squared while Android will always crop to a ratio 2:1 |
| Windows (desktop) & Android |  |
Comments
0 comments
Please sign in to leave a comment.