Portrait is a service, written in Deno, that generates dynamic Open Graph images that you can embed in your meta tags. Try it out on Zaubrik for free.

In short, what this service does, is take in a request through its REST API, generate an HTML Canvas using the provided variables and respond with a cached image having the appropriate image properties and headers. Try it out and deploy your own image generator on Deno.

deno task serve

• deno bundle seems to be broken. It works with deno upgrade --version 1.29.0.

• More options

• Some browser tests

• Add markdown's bold and italic syntax to the text input.

  • Idea: ctx.measureText from the Canvas API and RegExp?

  const regexBold = /\*\*([^*]*)\*\*/g;
  const regexItalic = /\*([^*]*)\*/g;
  
  function parse(regExp: RegExp) {
    return (str: string) => {
      return [...str.matchAll(regExp)];
    };
  }
  
  const parseBold = parse(regexBold);
  const parseItalic = parse(regexItalic);
  
  let r1 = parseBold("aaa bb**ff**ccc,c**cc d**dd");