How to use this link preview on your site

Here are a few different ways of getting this link preview image installed on your site.

Need help? Send us an email and we'll figure it out together.

Your link preview image

masilotti.com

Zero to Tailwind CSS over the weekend | Masilotti.com

How I built a landing page and redesigned my blog in Tailwind CSS over the weekend. And why I’ll never go back.

Image via MugshotBot.com

Option 1
Manual download

Download your link preview image and upload it to your site. Look for "social share image" or "preview image" if you use a content management system.

Option 2
Use the Mugshot Bot CDN
Mugshot Bot can host your images, saving you time by skipping any manual downloads. Copy the following tags and paste them into the <head> of your HTML.
<meta property="og:image" content="https://mugshotbot.com/m/DROicc16">
<meta property="twitter:card" content="summary_large_image">
Option 3
Dynamically generate link previews
Pro

Automate your entire site by upgrading to Pro.

  • Copy and paste one line of code

  • Remove Mugshot Bot branding

  • Access to all premium themes

  • 30 days free trial

renuo.ch logo
by renuo.ch