About Email Images

Overview

One of the magical features in FeedOtter is its ability to automatically pull amazing images for all your content. We do this in several ways but there are a couple important things to consider to ensure FeedOtter finds the image you expect.

FeedOtter Looks for Open Graph Image Tags First(og:image)

Open-Graph or OG tags are a web standard created by Facebook as a standard way to display the common properties of a webpage when a URL is shared. The most common properties are: Title, Description, Featured Image.

FeedOtter embraces this web-standard and looks for an og:image tag as the first source of a featured image of an article. If an og:image value is found and the size of the image if of high enough quality to be used in an email, FeedOtter will display this image.

To learn more about Open Graph tags continue reading here:

• https://ahrefs.com/blog/open-graph-meta-tags/

Tips for your featured images

• Using the same aspect ratio for all your featured images requires team discipline but will keep your images looking consistent across the web and in your FeedOtter emails.

• FeedOtter will use the exact image URL found in your OG:IMAGE tag as the SRC value in your email. This is called a "hotlink".

• The best way to control which image FeedOtter displays in your email is ensure all of your content have OG:IMAGE tags.

Image Crawler

If your article does not have an OG:IMAGE tag. FeedOtter will crawl your article page and look for a quality image to display in your email. We have special logic here that looks for images of suitable quality and placement.

Resizing/Cropping

Certain FeedOtter email templates make use of a special feature that allow you to crop/resize the images used in emails. This is done to make images look consistent regardless of the source image's aspect ration or resolution.

Read more about the resize filter.

pageImage Resize Filter

Common Questions and Answers

I have OG:IMAGE tags but my images are not showing up?

Mostly likely you website is blocking 3rd party tools (such as FeedOtter) from downloading images/content. The solution is to ask your IT/website team to whitelist FeedOtter.

Here is a sample email you can send to your IT/CMS/Website team to request that the FeedOtter crawler be whitelisted.

Hello,
We use FeedOtter to automate email newsletters.  It uses a crawler to discover the featured images on our articles and webpages.  It appears that this application is being blocked from our website.

Would you be able to whitelist the following application IP address and/or user-agent?

IP to whitelist: 104.236.230.137

User-Agent to allow:
Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko; compatible; FeedOtter/2.1; +http://www.feedotter.com/privacy) Chrome/W.X.Y.Z Safari/537.36

Thank you for your assistance.

We're here to help. If you have questions please contact us at [e-mail].