OptinMonster Documentation

Documentation, Reference Materials, and Tutorials for OptinMonster

Home

Docs

How to Optimize Your Campaign Images

How to Optimize Your Campaign Images

OptinMonster makes it easier than ever to make sure you’re showing optimized images to visitors.

Optimized images are smaller in file size, which makes your campaigns and your site load faster and perform better.

Optimize Images

As of June 2020, all images uploaded to OptinMonster are automatically optimized using Kraken.io with no special steps required on your part.

Any previously uploaded images are not automatically optimized, however, we will be releasing an update in the future to optimize those images as well.

FAQs

My images on Retina devices are blurry, why?

To ensure your images look sharp on retina displays, double the dimensions of the image before uploading to OptinMonster.

For example, if the image will be displayed at 500 x 500 pixels, you would want to set the image’s dimensions to 1000 x 1000 pixels using your photo program before uploading to OptinMonster.

What image size/dimensions should I use for my campaign?

Because your campaign can be fully customized in appearance and layout, we do not have specific image dimension recommendations. The exact dimensions will depend on your own campaign design.

To give some context that may be helpful – our campaign templates are generally between 550-750px wide, and the height is based on what content you put inside. For any images you create, you might create them to match that width if you would like them to show across the full width, or if you want to be extra sure they will appear crisp on retina devices, you can double the dimensions.

If your campaign is 600px wide, you would create an image that is 1200px wide for retina devices.

Our mobile templates are usually between 300-400px wide, to fit and look the best on smaller mobile screens.

You can also customize the width of your campaigns, which can impact how the image(s) within are displayed.

How do I find good images for my campaigns?

You can easily add Unsplash stock images to your campaigns, or see our post on places to find images for better conversions.

How do I disable Pre-loading of Images?

Preloading of images and web fonts does not happen by default, however, there are a few circumstances where it does happen since we cannot predict if a customer is going to trigger the campaign on their own, without our display rules triggering it first. The two areas right now are Exit-Intent and Monsterlinks.

Please be aware that the below code will also disable pre-loading of webfonts along with the images as there’s no way to disable them individually.

If you want to disable the preloading of images or web fonts, you can easily do that through Api.js:

document.addEventListener('om.Campaign.init.preload', function(event) {
    var campaign = event.detail.Campaign;
    campaign.settings.preload = false;
});

If you want to make sure it only happens for a specific campaign, that can also be done:

document.addEventListener('om.Campaign.init.preload', function(event) {
    var campaign = event.detail.Campaign;
    if ({slug} === campaign.id) {
        campaign.settings.preload = false;
    }
});

If you’re serious about jumpstarting your website business growth, then get started with OptinMonster today!

Get Started With OptinMonster Today!

BONUS: Done-For-You Campaign Setup ($297 value)

Our conversion experts will design 1 free campaign for you to get maximum results – absolutely FREE!

Click here to get started →


Still stuck?

How can we help?

Last updated on


Start Getting More
Leads & Sales Today
with OptinMonster!

Create and launch smart capture forms today in minutes. What are you waiting for?

Create and launch smart capture forms
today in minutes. What are you waiting for?

OptinMonster has transformed our business. Before integrating their optins, our clients saw a 2% conversion rate from web traffic, which is slightly above the standard for their industry. With the integration of OptinMonster’s lightbox popup, exit-intent technology, split testing, and other tools, our client’s conversion rates soared by an unprecedented 500%. They attracted substantially more customers while spending less on digital advertising. Their success propelled them to the top of their markets, outperforming national chains and other medical spas with much bigger marketing budgets. Our client’s success in their market has distinguished us in our own. We are now one of the most sought-after marketing firms in the industry of aesthetic medicine. We know that the integration of OptinMonster, more than any other tool or marketing strategy, has supported this growth and achievement.

chris zelig medstar media

Chris Zelig

Partner, Medstar Media

OptinMonster has been a game-changer for us. From driving donations to collecting new leads, there is nothing that this simple tool has failed to accomplish. Our lead collection rate has jumped by over 1,000%.

joe lowe american bird conservancy

Joe Lowe

Director of Digital Communications, American Bird Conservancy

Through OptinMonster’s exit-intent popups, we have more than doubled our sales conversion rate. Best of all is the compound effect of using OptinMonster over a long period of time—more conversions mean more customers, which means more word of mouth.

mitch smith, managing director, shockbyte

Mitch Smith

Managing Director, Shockbyte.com