Open Graph Image Generator

Using the Tool

To use this tool, first fill in a few details:

• Logo URL
• Page Title
• Description
• Background Image URL

Next, choose a background and text color. This step is optional if you're using a background image. You'll get a code to embed in your page's <head> section.

Automating Image Insertion

Automate image insertion on pages through an API.

1. Image Source: Images are generated via the pr-cy.io API. Use this base URL: https://cover.pr-cy.io/api/og.

2. API URL Construction: Add parameters to the base URL, separated by '&' after a '?'. For example, to set the title, category, and text color, the URL would be: https://cover.pr-cy.io/api/og?title=Title&category=Category&color=000000.

3. Parameter Values:

   • title: URL-encoded string for the image's top text.
   • category: URL-encoded string for text under the title.
   • color: Hex code for text color (without #).
   • bgColor: Hex code for background color (without #).
   • logo: URL for the logo image.
   • bgImage: URL for the background image.

4. Embedding the URL: Add the generated URL to your site's <head> meta tags. For WordPress sites, use a plugin that allows custom meta tags. Example URL with parameters: https://cover.pr-cy.io/api/og?title=Title&category=Category&color=000000&bgColor=FFFFFF&logo=https://mywebsite.com/mylogo.jpg&bgImage=https://mywebsite.com/mybackground.jpg. Replace the values with those relevant to your site.