Handle large images

You probably ended up here, because you uploaded an extremely large image

Even though Better optimizes and reduce the size of your uploaded images, we have created this warning when you upload images that are so large, that your email might end in the spam folder. The larger the images you upload, the longer time your users have to wait while the image is being downloaded. Here is some tips to reduce the size of your image. jpg/png - It is really rare that this style of images causes any problems, however if they do, it is probably because the dimensions of the images is extremely big. Normally you do not need images more than 1200px in emails, so a simple fix is to crop you image. If you want to learn how to crop images automatically, you can read more about what we suppoert right here.

Gif - this format is more likely to cause the problem, because gif's can be very heavy. We recommend that you visit this website and optimize your gif. A rule of thumb is no more than 1mb. Gmail blocks any gif more than 10mb.

Prevent upscaling of gif

To prevent that Better Email upscales your gif, when DPR is set to 2, use this code:

Here we presume that your setting is called "img"

{% if img.image.url or img.image contains '.gif' %}
    {% assign dpr_size = 1 %}
    {% else %}
    {% assign dpr_size = 2 %}
{% endif %}

Inside of your image code, you can now define it like this:

<img alt="image" src="{{ img.image.url | resizeImage: width: 640, height: 200, dpr: dpr_size, fit: 'cover', }}" width="640" style="width:640px; height: 200px; display:block; border:0;" />

Using image snippet (Read more here)

{{ top_article.background_image | imgTag: class: 'w-full', height: top_article.img_height, gravity: gravity, fit: 'cover', dpr: dpr_size, }}