PushPushGo logo PushPushGo push service GDPR compliant
Solutions arrow icon
Products Web push Mobile push Transactional push Onsite notifications PushPushGo Core
Industry News and Media E-commerce Travel Hospitality Telecom Finance
Functions Analytics panel Multi Push Personalization Automation Inbox
Pricing
Resources arrow icon
case study icon Case study
clients speak icon Our clients speak
Business use cases
blog icon Blog
ebooks icon E-books
webinars icon Webinars
emarketing talks icon E-marketing talks
Documentation arrow icon
user guide icon User guide
faq icon FAQ
developers icon Developers hub
changelog icon Changelog
Sign in Sign up
EN
PL
Solutions
Products Web push Mobile push Transactional push Onsite notifications PushPushGo Core
Functions Analytics panel Multi Push Personalization Automation Inbox
Industry News and Media E-commerce Travel Hospitality Telecom Finance
Pricing
Resources
Case study Our clients speak Business use cases Blog E-books Webinars
Documentation
User guide FAQ Developers hub Changelog
Sign in Sign up
EN
PL
Products Web push Mobile push PushPushGo Core
Functions Personalization Automation Retention Abandoned cart recovery Cross selling
Up selling Conversion rate Lead nurturing Rocket push for breaking news
A/B tests Analytics API SDK
Industries News & Media E-commerce Travel Telecommunication Finance Software
Case study
Our clients speak
Blog
E-books
Webinars
User guide
FAQ
Developers hub
Changelog
Mobile push
Web push

How to optimize image in web push notification and increase CTR?

Last updated - August 2, 2024
author push notification Klaudia Kania
5 min Read
push communication and marketing tips

Did you know that:

  • Facebook posts with images generate 2.3X times more engagement than posts without, 

  • Tweets with images have 150% more retweets than tweets without, 

  • Publishers that use visual content grow traffic 12x faster in comparison with those that don’t (source: Digital Information World)? 

Moreover, by analyzing data of PushPushGo clients, we noticed that for example in the travel sectorweb push campaigns that included images have an average CTR of 5,03% in contrast with 4,70% of campaigns without one and in the finance sector average CTR of mass campaigns with picture was 5,17% in the contrast to 4,56% without.

Of course, it is important to add that not every browser supports images in web push notifications. At the moment, only Google Chrome and Microsoft Edge allow sending so-called Rich Push or simply speaking web push notifications that include big images. 

web push structure

Even though only two browsers support this feature, the potential audience reach is quite high. According to NetMarketShare in May 2021, the usage share of the Google Chrome browser was 65,23% and of Edge - 5,1%. This means that over 70% of Internet users would be able to receive push notifications with additional graphics.

Why are visuals effective?

Here are a few interesting psychological facts about the perception of visuals by users and why adding image to your campaign can have a positive impact on results:

  • Our brain needs only 13 milliseconds to process an image (source: Massachusetts Institute of Technology). This can be especially helpful in times of short attention span. 

  • We remember only about 10% of the information we hear, 20% - we read and 80% we see (source: MovableInk).

  • It is much easier for most people to process images rather than text: 60% of the population are visual learners (source: Venngage).

So, does it mean all images are evenly effective? Unfortunately, the answer is no.

Top 3 mistakes when using images in web push notifications

  • Wrong proportions, as a result, the product you would like to present might be cut.

web push notification mistake
  • Poor image quality and low resolution.

web push notifications mistake
  • Low contrast between the main subject on the picture and the background colour.

As well as we dedicate time to design a great newsletter or advertisement banner it is important to take care of graphics for web push notifications. 93% of online users stated that image quality is one of the main factors in their buying decision (Justuno). 

Fortunately, there is no need to be a professional graphic designer. Today there are a lot of free or paid tools such as Canva or Visme available for everyone. With little effort, you can prepare high-quality pictures for your web push campaigns.

So, how to prepare a perfect image for a web push campaign? 

Technical recommendations to follow

  • Make sure that your banners have the right shape (web push notifications are compatible with rectangular images, we recommend 1000 x 500 px or aspect ratio 2:1) and they do not exceed 200 KB.

  • Images are added on the top of the push notification, and their orientation is horizontal. Make sure that your product/ design/ logo is perfectly aligned and it matches the content smoothly.

The previous two steps are especially important for e-commerce sites that have enabled automation scenarios integrated with their Product Feeds from which PushPushGo application takes pictures of the product range, for example in cross-selling or last seen offer scenarios. With wrong proportions, images will be cropped in an uncontrolled way.

  • Use high-quality images with eye-catching, bright or contrasting colours. They should, of course, correspond with your brand/site to increase brand awareness throughout your audience. 

Keep an eye on current graphic design trends, colour studies and test different variations of those. Every audience is different and only you know what works best for your subscribers. 

Design tips: web push notifications image that users will click

  • Be consistent with your brand - follow your brand voice and style guide. 

  • Colours matter, while some colours can trigger impulsive purchases (for example, red), others can encourage well-thought-out purchase choices (for example, green). Moreover, according to Inc.com, 75% of snap decisions are based on colour. 

colors affect buying decision

Source: Adstarget

  • If you would like to add text to your web push picture make sure it is easy to read. Make your headline and body copy different sizes. However, try to keep text to a minimum on your web push graphics.

  • Use pictures that will show the usage of your products in daily life. According to Big Commerce, 78% of users prefer lifestyle product images. Do not sell just a sofa, sell the cosy atmosphere of home👩‍❤️‍👨.

  • Feature real people in your photos. 62,3% of users would like to see the products used by other people according to Toluna research. It is much easier for potential customers to imagine themselves using the product.

Have a look at these examples to get inspired:

web push notification best practice

web-push-notification-best-practise-travel-

In conclusion...

Attractive pictures in web push notifications can affect users behaviour, increase Click Through Rate and impact purchasing decisions. Follow our recommendations and remember that your subscribers deserve only high-quality content including visuals❤️


author photo
Klaudia Kania

Account Manager @PushPushGo

She looks after PushPushGo customers, solving their pain points and advising them on how to get the best results from our solutions. Passionate about graphic design, visuals and their role in communicating effectively with the user.

Try out push notifications from PushPushGo

Create an account and start testing!

Start trial
web and mobile push notifications

Also on PushPushGo blog

digital marketing strategy
Web push

How to increase web push CTR by optimizing CTA?

It’s a commonly known fact that adding and optimizing CTA in your marketing materials increases the CTR index. When it comes to web push, it’s the same story.

calendar icon October 28, 2021 clock icon 3 min
digital marketing strategy
Online marketing insights

Top 8 marketing communication trends in 2022

Global marketing is rapidly changing, especially after the outbreak of the covid-19 pandemic. What can you expect in marketing communication in the coming year? And what should you include in your marketing strategy?

calendar icon March 2, 2022 clock icon 5 min
digital marketing strategy
Online marketing insights

What is m-commerce and what are the sales opportunities it creates?

By the end of 2021, the share of mobile commerce in all e-commerce will rise to 72,9%. Such rapid growth brings new opportunities and challenges for online retailers: m-shoppers have a shorter decision process but also a higher abandoned cart rate.

calendar icon August 5, 2021 clock icon 9 min

Push your business forward with PushPushGo

Test for free Start a 14-day trial!
pushpushgo logo
Company
About PushPushGo Contact Jobs GDPR Privacy policy Regulations Newsletter terms and conditions Policy of presenting opinions PushPushGo
App
Pricing Bug bounty Changelog User guide Developers Hub Status page
Products
Web push Mobile push Transactional push Onsite notifications CORE by PushPushGo
Would you like to
become our partners?
Partners
Subscribe our newsletter
Thank you for subscribing.
Something went wrong! Try again.
More info

I want to receive a newsletter, which includes marketing and commercial information about promotions, new articles on the blog, new products, events, and services related to the website www.pushpushgo.com. Messages will be sent for the purpose of direct marketing, using the email address provided by me. The data controller will be PushPushGo sp. z o.o. You can find more information in the Privacy Policy and Newsletter Terms and Conditions.

hello@pushpushgo.com + 48 12 312-52-13
linkedin pushpushgo twitter pushpushgo facebook pushpushgo instagram pushpushgo youtube pushpushgo
pushpushgo capterra raiting

The administrator of personal data is: PushPushGo sp. z o.o. with its registered office in Krakow at Quattro Business Park, Generała Tadeusza Bora-Komorowskiego 25C, 31-476 Kraków, registered by the District Court for Krakow-Śródmieście in Krakow, XI Economic Division of the National Court Register under the KRS number 0000688693, Tax Identification Number (NIP) 6751601766, and National Official Business Register (REGON) 367877285.

Data Protection Officer: Katarzyna Krzywicka
E-mail: daneosobowe@pushpushgo.com


Copyright © 2025 by PushPushGo.
All rights reserved.