Web Push Notifications Creative Guidelines

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)

Specs-image-for-web-push.png

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

 

Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.