[Publish] How images are chosen for suggested media

When scheduling posts to your social accounts, you'll see various options depending on which social network you're sharing to, which you can read about  here. In all cases, you will have the option to choose an image from the suggested media that Buffer Publish has scraped from the link that you're sharing.

The way we know if an image on the page is appropriate to use, if it is has a width or height attribute. If this is present, we will fetch the image and make sure it's both big enough and square enough. These images will then be presented within the suggested media. Image definition should look something like this:

<img src="link-to-your-image" width="150"/>

where the value for the width should correspond to the size of your image

However, we do limit the number of images to be scraped from the page, so there is an additional way to ensure that a given image is presented as the first option regardless of size and aspect ratio. This method is to use Facebook's OpenGraph meta tags like this:

<meta property="og:image" content="link-to-your-image"/>

This is the recommended method for specifying a default image for viewers to use with your page.