Use case · social previews

OG images from the real page.

Generate the preview from the page itself instead of rebuilding your design in an image library — and get the emoji right on every platform you post to.

Start free See the parameters

A 1200 by 630 preview image of moxial.ovh

1200 × 630

moxial.ovh Realistic Social Media Post Mockups | Moxial Pixel-accurate X, Instagram and LinkedIn post mockups inside real device frames.

og:image · stored, cached on the URL

the problem

Every preview is built twice.

Preview images are usually built twice: once as the page, once again in an image library that has to be kept in step with it. And whichever way you build it, the emoji come out as whatever colour font the rendering server happens to have — which is why so many link previews show a tofu box where an emoji should be.

the answer

Point us at the page.

Point us at the page. Pick the emoji set that matches the platform you are posting to. Cache the result on the URL. There is no second design to maintain and no font to install.

// the call
{
  "url": "https://moxial.ovh",
  "preset": "custom",
  "width": 1200,
  "height": 630,
  "emoji_set": "apple",
  "format": "png"
}

1200 × 630

1200×630 is the size every platform crops from. store: true gives you a URL you can put straight in the tag.