{"id":13901349,"url":"https://github.com/chrisvxd/og-impact","last_synced_at":"2025-07-17T21:33:08.633Z","repository":{"id":40729742,"uuid":"234529484","full_name":"chrisvxd/og-impact","owner":"chrisvxd","description":"A free API for generating social media images","archived":true,"fork":false,"pushed_at":"2024-07-02T08:19:49.000Z","size":559,"stargazers_count":229,"open_issues_count":23,"forks_count":35,"subscribers_count":7,"default_branch":"master","last_synced_at":"2024-08-07T21:45:25.268Z","etag":null,"topics":["api","facebook","open-graph","opengraph","puppeteer","saas","saasify","social","twitter"],"latest_commit_sha":null,"homepage":"https://ogimpact.sh","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/chrisvxd.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null}},"created_at":"2020-01-17T10:50:51.000Z","updated_at":"2024-08-02T08:58:31.000Z","dependencies_parsed_at":"2024-01-16T22:22:05.704Z","dependency_job_id":"f76f1bb8-1f0e-4525-bc13-c7950e08c29a","html_url":"https://github.com/chrisvxd/og-impact","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisvxd%2Fog-impact","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisvxd%2Fog-impact/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisvxd%2Fog-impact/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/chrisvxd%2Fog-impact/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/chrisvxd","download_url":"https://codeload.github.com/chrisvxd/og-impact/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":226305341,"owners_count":17603795,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["api","facebook","open-graph","opengraph","puppeteer","saas","saasify","social","twitter"],"created_at":"2024-08-06T21:01:14.694Z","updated_at":"2024-11-25T09:31:18.134Z","avatar_url":"https://github.com/chrisvxd.png","language":"TypeScript","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"readme":"**⚠️ This project has shut down. You can still self-host via [puppeteer-social-image](http://github.com/chrisvxd/puppeteer-social-image).**\n\n---\n\n\u003cp align=\"center\"\u003e\n\u003cimg src=\"https://i.imgur.com/k5oSTYu.png\" width=700 /\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003e \u003ca href=\"https://ogimpact.sh\"\u003eogimpact.sh\u003c/a\u003e\u003c/h1\u003e\n\n\u003cp align=\"center\"\u003eInstant social images, one line of HTML. Hosted version of \u003ca href=\"https://github.com/chrisvxd/puppeteer-social-image\"\u003epuppeteer-social-image\u003c/a\u003e.\u003c/p\u003e\n\n```html\n\u003cmeta property=\"og:image\" content=\"https://ogi.sh?title=Hello%20World\" /\u003e\n```\n\n\u003cp align=\"center\"\u003e\u003ca href=\"#free-templates\"\u003eGallery\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\u003ca href=\"https://ogimpacteditor.netlify.com\"\u003eTemplate Editor\u003c/a\u003e\u0026nbsp;\u0026nbsp;\u0026nbsp;|\u0026nbsp;\u0026nbsp;\u0026nbsp;\u003ca href=\"https://ogimpact.sh/pricing\"\u003ePricing\u003c/a\u003e\u003c/p\u003e\n\n## Quick Start\n\n### Create your first image\n\nCreate a meta tag, and add it to the `\u003chead /\u003e` of each page:\n\n```html\n\u003cmeta property=\"og:image\" content=\"https://ogi.sh?title=Hello%20World\" /\u003e\n```\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview?title=Hello%20World\u0026ghbust=2\" width=400 /\u003e\n\nWhen the page is shared, Facebook will show the image at https://ogi.sh?title=Hello%20World. For Twitter, see our [recommended meta tags](#recommended-meta-tags).\n\nTry changing the background via the `unsplashId` param:\n\n```html\n\u003cmeta\n  property=\"og:image\"\n  content=\"https://ogi.sh?title=Hello%20World\u0026unsplashId=phIFdC6lA4E\"\n/\u003e\n```\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview?title=Hello%20World\u0026unsplashId=phIFdC6lA4E\u0026ghbust=2\" width=400 /\u003e\n\nAdd your logo via the `logo` param:\n\n```html\n\u003cmeta\n  property=\"og:image\"\n  content=\"https://ogi.sh?title=Hello%20World\u0026unsplashId=phIFdC6lA4E\u0026logo=https%3A%2F%2Fi.imgur.com%2FyKp8kEI.png\"\n/\u003e\n```\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview?title=Hello%20World\u0026unsplashId=phIFdC6lA4E\u0026logo=https%3A%2F%2Fi.imgur.com%2FyKp8kEI.png\" width=400 /\u003e\n\nThis is using the default template, `basic`. You can see the [full documentation](#free-templates) for `basic` below. Want to remove the watermark? See the [instructions below](#remove-the-watermark).\n\n### Trying another template\n\nLet's try another template called `article` by pointing to `/article`. The query params are broken onto new lines so you can see what's going on.\n\n```html\n\u003cmeta\n  property=\"og:image\"\n  content=\"https://ogi.sh/article?\n           eyebrow=27%20AUGUST\u0026\n           title=INTO%20THE%20OCEAN\u0026\n           subtitle=Explore%20the%20depths%20of%20the%20deep%20blue%20sea\u0026\n           unsplashId=gGX1fJkmw3k\"\n/\u003e\n```\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview/article?eyebrow=27%20AUGUST\u0026title=INTO%20THE%20OCEAN\u0026subtitle=Explore%20the%20depths%20of%20the%20deep%20blue%20sea\u0026unsplashId=gGX1fJkmw3k\u0026ghbust=2\" width=400 /\u003e\n\nNeat, huh? Check out the [template gallery](#free-templates) to explore our beautiful, free templates covering various use cases.\n\n### Create your own image template\n\n\u003e This is a [pro feature](https://ogimpact.sh/pricing).\n\nCreating your own, branded template can be done via [the Editor](http://ogimpacteditor.netlify.com). It's as simple as HTML and CSS, with [handlebars](https://handlebarsjs.com/guide/#what-is-handlebars) for templating. We also provide [an API](https://ogimpact.sh/docs#operation/publishPOST) to publish custom templates if that's more your thing.\n\n**IMPORTANT: Your template will be public, so it's important to watermark the template with your brand or URL**.\n\nUsing your template:\n\n```html\n\u003cmeta\n  property=\"og:image\"\n  content=\"https://ogi.sh/infGC5AQ\u0026title=MIND%20BLOWN\"\n/\u003e\n```\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview/infGC5AQ?title=MIND%20BLOWN\u0026ghbust=2\" width=400 /\u003e\n\n### Free Templates\n\n#### `basic` (the default)\n\n\u003e Renders text on a background image.\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview?title=Hello%20World\u0026ghbust=2\" width=400 /\u003e\n\n##### Params\n\n- `title` _string_ - text to render\n- `logo` _string_ - URL for the logo\n- `unsplashId` _string_ - [Unsplash](https://unsplash.com/) image ID for the background\n- `unsplashKeywords` _string_ - keywords (comma-separated) for a random image from [Unsplash](https://unsplash.com/) for the background\n- `imageUrl` _string_ - URL for the background image\n- `googleFont` _string_ - Google Font to render\n\n##### Snippet\n\n```html\n\u003cmeta\n  property=\"og:image\"\n  content=\"https://ogi.sh?title=Hello%20World\u0026unsplashId=WLUHO9A_xik\"\n/\u003e\n```\n\n#### `article`\n\n\u003e Display a title and subtitle on a background image, with an optional eyebrow\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview/article?eyebrow=27%20AUGUST\u0026title=INTO%20THE%20OCEAN\u0026subtitle=Explore%20the%20depths%20of%20the%20deep%20blue%20sea\u0026unsplashId=gGX1fJkmw3k\u0026ghbust=2\" width=400 /\u003e\n\n##### Params\n\n- `title` _string_ - title text\n- `subtitle` _string_ - subtitle text\n- `eyebrow` _string_ - eyebrow text that renders above the title. Use for date\n- `logo` _string_ - URL for the logo\n- `unsplashId` _string_ - [Unsplash](https://unsplash.com/) image ID for the background\n- `unsplashKeywords` _string_ - keywords (comma-separated) for a random image from [Unsplash](https://unsplash.com/) for the background\n- `imageUrl` _string_ - URL for the background image\n- `googleFont` _string_ - Google Font to render\n\n##### Snippet\n\n```html\n\u003cmeta\n  property=\"og:image\"\n  content=\"https://ogi.sh/article?\n           eyebrow=27%20AUGUST\u0026\n           title=INTO%20THE%20OCEAN\u0026\n           subtitle=Explore%20the%20depths%20of%20the%20deep%20blue%20sea\u0026\n           unsplashId=gGX1fJkmw3k\"\n/\u003e\n```\n\n#### `fiftyfifty`\n\n\u003e Multi-use template for an array of use cases\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview/fiftyfifty?title=What%20NOT%20to%20do%20when%20remote%20working\u0026subtitle=Lorem%20ipsum%20dolor%20sit%20amet%2C%20consectetur%20adipiscing%20elit%2C%20sed%20do%20eiusmod%20tempor%20incididunt%20ut%20labore%20et%20dolore%20magna%20aliqua.%20Test%20and%20test%20some%20more.\u0026unsplashId=QLqNalPe0RA\u0026split=diagonal\u0026logo=data%3Aimage%2Fsvg%2Bxml%3Bcharset%3Dutf-8%3Bbase64%2CPHN2ZyB3aWR0aD0nMjA5NicgaGVpZ2h0PSc0NDAnIHhtbG5zPSdodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2Zyc%2BPGcgZmlsbD0nbm9uZScgZmlsbC1ydWxlPSdldmVub2RkJz48cmVjdCBmaWxsPScjRkZFNjAwJyB3aWR0aD0nNDQwJyBoZWlnaHQ9JzQ0MCcgcng9JzUyJy8%2BPGcgdHJhbnNmb3JtPSd0cmFuc2xhdGUoODYgMTQyKSc%2BPHBhdGggZD0nTTE3Ni4xMzkgOTcuMTVsLTE2LjA5MSA1Mi45MDNTMTU4Ljg2NCAxNTUgMTUzLjY1NSAxNTVoLTE5Ljg4N2MtNi4xNTUgMC03LjU3Ni01LjQxOC03LjU3Ni01LjQxOGwtMjMuNjc1LTc1LjE0NC0yMy42NzUgNzUuMTQ0Uzc3LjQyMiAxNTUgNzEuMjY2IDE1NUg1MC40M2MtNS4yMDggMC02LjM5Mi00Ljk0Ny02LjM5Mi00Ljk0N0wuMjQgNi44MzFDLS40NyA0LjAwNS4yNCAwIDQuNTAyIDBoMjYuMDQzYzcuMTAzIDAgOC41MjMgNC43MTEgOS40NyA3LjUzOGwyMy40MzkgODAuMDkxTDg2LjE4IDcuNTM4Qzg3LjEyOCA0LjI0IDg4Ljc4NSAwIDk0LjIzMSAwaDE2LjU3MmM1LjIwOSAwIDYuODY2IDQuMjQgNy44MTMgNy41MzhsMjIuOTY1IDgwLjA5MSAyMy40MzgtODAuMDkxYy42Mi0yLjQ2NyAxLjk2Mi02LjM3IDcuMDE1LTcuMzIzLjY1LS4xNDIgMS40LS4yMTUgMi4yNjUtLjIxNWg0Ny40NDlDMjU4LjAyIDAgMjc3IDE5LjcyNCAyNzcgNDguNjhjMCAyOS4xNjUtMTkuNDAxIDQ4LjQ3LTU1LjQ2MyA0OC40N0gxNzYuMTR6bTQ0LjcyLTMwLjY0NWMxNS4zNzIgMCAyMi4wNzMtOC40MzEgMjIuMDczLTE4LjIzNSAwLTEwLjE5Ny02LjctMTguNDMyLTIyLjA3Mi0xOC40MzJoLTIzLjQ0M2wtMTEuMTcyIDM2LjY2N2gzNC42MTV6JyBmaWxsLW9wYWNpdHk9Jy44NycgZmlsbD0nIzAwMCcvPjxjaXJjbGUgZmlsbD0nIzIxMUQwMCcgY3g9JzI2MycgY3k9JzE0MScgcj0nMTQnLz48L2c%2BPHRleHQgZm9udC1mYW1pbHk9J0F2ZW5pck5leHQtRGVtaUJvbGQsIEF2ZW5pciBOZXh0JyBmb250LXNpemU9JzIxMCcgZm9udC13ZWlnaHQ9JzUwMCcgbGV0dGVyLXNwYWNpbmc9JzE3LjIxMycgZmlsbD0nIzIxMUQwMCc%2BPHRzcGFuIHg9JzU2MCcgeT0nMjk3Jz5XRUxMUEFJRC5JTzwvdHNwYW4%2BPC90ZXh0PjwvZz48L3N2Zz4%3D\u0026ghbust=2\" width=400 /\u003e\n\n##### Params\n\n- `title` _string_ - title text\n- `subtitle` _string_ - subtitle text\n- `logo` _string_ - URL for the logo\n- `unsplashId` _string_ - [Unsplash](https://unsplash.com/) image ID for the background\n- `unsplashKeywords` _string_ - keywords (comma-separated) for a random image from [Unsplash](https://unsplash.com/) for the background\n- `imageUrl` _string_ - URL for the background image\n- `googleFont` _string_ - Google Font to render\n\n##### Snippet\n\n```html\n\u003cmeta\n  property=\"og:image\"\n  content=\"https://ogi.sh/fiftyfifty?title=INTO%20THE%20MOUNTAINS\"\n/\u003e\n```\n\n### Integrations\n\n#### Recommended Meta Tags\n\nHere's a full list of the social tags we recommend using on your webpage. These will be picked up by social platforms whenever your webpage is shared in order to enhance the preview.\n\nPlace these inside the `\u003chead\u003e` of your webpage, and make sure they're rendered server-side.\n\n##### Open Graph\n\nUsed by Facebook and many other platforms.\n\n```html\n\u003cmeta property=\"og:image\" content=\"https://ogi.sh?title=Hello%20World\" /\u003e\n\u003cmeta property=\"og:site_name\" content=\"EuroTravel\" /\u003e\n\u003cmeta property=\"og:type\" content=\"website\" /\u003e\n\u003cmeta property=\"og:title\" content=\"European Travel Destinations\" /\u003e\n\u003cmeta property=\"og:description\" content=\"Offering tour packages for groups.\" /\u003e\n```\n\n##### Twitter\n\nUsed by Twitter.\n\n```html\n\u003cmeta name=\"twitter:image\" content=\"https://ogi.sh?title=Hello%20World\" /\u003e\n\u003cmeta name=\"twitter:card\" content=\"summary_large_image\" /\u003e\n\u003cmeta name=\"twitter:title\" content=\"European Travel Destinations\" /\u003e\n\u003cmeta name=\"twitter:description\" content=\"Offering tour packages for groups.\" /\u003e\n```\n\n\u003e Note that Twitter uses `name` instead of `property`.\n\nSee [this article](https://css-tricks.com/essential-meta-tags-social-media/) for a much more in-depth explanation of meta tags.\n\n#### Instagram\n\nCall the API directly and specify the `size` parameter with value as one of:\n\n- `ig-landscape`\n- `ig-portrait`\n- `ig-square`\n- `ig-story`\n\n```\nhttps://ogi.sh/preview?title=Hello%20World\u0026size=ig-square\n```\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview?title=Hello%20World\u0026size=ig-square\" width=400 /\u003e\n\n#### Pinterest\n\nCall the API directly and specify the `size` parameter with value `pinterest`.\n\n```\nhttps://ogi.sh/preview?title=Hello%20World\u0026size=pinterest\n```\n\n\u003cimg style=\"margin-bottom: 16px;\" src=\"https://ogi.sh/preview?title=Hello%20World\u0026size=pinterest\" width=400 /\u003e\n\n## License\n\nMIT © [Chris Villa](http://www.chrisvilla.co.uk)\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrisvxd%2Fog-impact","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fchrisvxd%2Fog-impact","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fchrisvxd%2Fog-impact/lists"}