Open Graph Image Generator

Fill the details and click "Generate"

Example Code


// Bruzu API key – get yours at

$url = "Url of the page";
$title = "Title of the page";
$description = "Description of that url";

$apiLink = "".urlencode($title)."&b.t=".urlencode($description)."&c.t=".urlencode($url);

$png = file_get_contents($apiLink."&ak=".$apiKey);
$imgLink = 'data:image/png;base64,' . base64_encode($png);

// You can use this link into your HTML code 
// <meta property="og:image" content="<?=$imgLink?>" >


<!DOCTYPE html>
  <meta property="og:image" content="<?=$imgLink?>" >


What is an og:image? An og:image is Open Graph image, the image displayed on link preview wihtin social media sites and apps.
How do I set or change an Open Graph Image? You set it using a metatag using: property='og:image'
What should the Open Graph Image size be? The size of your Open Graph Image should be: 1200x600 px
What is a Twitter card? A Twitter card is an Open Graph image, displayed when a user shares a link on Twitter.
How do I use this with the Twitter card validator? Generate and serve the Twitter card image with the Bruzu API, using the meta property: twitter:image
How can I make a twitter card? Generate the image you want using the Bruzu API and put it into your HTML meta tags. For example: `<meta property='twitter:image' content=''>`