Let's improve how your content looks like on internet

Try out the simplest dynamic OpenGraph Image generator
(no code/server required)
<!DOCTYPE html>
<html>
  <head>
    <link rel="icon" type="image/png" href="/favicon.png">
    <title>How does OneShark work?</title>
    <meta property="og:image" content="https://img.oneshark.co/aHR0cHM6Ly9vbmVzaGFyay5jby9ob3ctZG9lcy1vbmUtc2hhcmstd29ya3M=.png"/>
    <meta name="oneshark:bg" content="https://yourwebsite.com/images/mountains.jpg" >
    ...
  </head>
  <body>
    <h1>How does OneShark work?</h1>
    <p>
      You simply need to add this special "og:image" meta tag that will 
      request the image to OneShark.
      The content of this meta tag must be 
      "https://img.oneshark.co/" + the current url in Base64 + ".png"
    </p>
    <p>
      Now, you can sign in to https://app.oneshark.co and define a custom 
      logo, colors and the default background image. Anyway, you can set 
      a specific image as background using the "oneshark:bg" meta tag.
    </p>
  </body>
</html>
OneShark image example
How does OneShark work?
You simply need to add this special "og:image" meta tag that will request the image to OneShark...

Try it yourself

Type a URL from your website and see the resulting image

Subscribe to the private launch!

Does this sound interesting to you? We are sending out private invitations every week ;)