OG Image Generator

Generate custom Open Graph images for your web pages.

\n \n

\n $\"Generated$ \n \n

\n \n \n

Width

\n 0\n

Height

\n 0\n

Size

\n 0 KB\n

\n Source code\n

\n A labspace.ai experiment\n

\n \n\n\n `;\n\n return c.html(html);\n});\n\n// Export app.fetch for Val Town, otherwise export app — this is only for hono apps\nexport default (typeof Deno !== \"undefined\" && Deno.env.get(\"valtown\") && Deno.env.get(\"mode\") !== \"local\")\n ? app.fetch\n : app;\n\n","deleted","label",[116],"970a0be8-2792-11f0-9d52-569c3dd06744","README.md","970a0c7e-2792-11f0-9d52-569c3dd06744",1,["D",1729611541700],"Ever wonder how GitHub generates their images when you share a repo on social media?\n\nIn this example we're using satori and a Deno-friendly SVG WASM creating an OpenGraph image dynamically. E.g. this image can be used when sharing a website, and it'll show up in iMessage or Twitter / other socials.\n\nGenerated images are cached in Valtown's Blob system.\n\nTo check metatags, you can use https://metatags.io/?url=https://yawnxyz-og.web.val.run\n\nMigrated from folder: labspace/og",[132],"pulls","forks","envVars",{"_144":52,"_146":52},"connections",{"_144":52,"_145":52},"count","unfilledCount","emptyCount",{"_20":131,"_13":132,"_117":133,"_118":-5,"_119":21,"_120":134,"_121":38,"_22":153,"_29":52,"_124":101,"_126":136,"_128":75,"_129":-5,"_150":154,"_89":155},{"_20":115,"_13":116,"_117":47,"_118":-5,"_119":21,"_120":30,"_121":38,"_22":149,"_29":123,"_124":125,"_126":127,"_128":75,"_129":-5,"_150":151,"_89":152},["D",1731718654501],"children",[],[116],["D",1729611541700],[],[132],["D",1746217100103],{"_11":12,"_87":83},{"_11":12,"_81":-5,"_82":83,"_44":45,"_84":85,"_86":75},{"_29":30,"_13":26,"_20":21,"_27":28,"_31":-5,"_32":-5,"_76":-5,"_77":-5,"_78":-5,"_79":14,"_80":12},"ctx",{"_68":-5,"_109":193,"_194":195,"_196":197,"_198":75,"_199":75,"_200":75,"_201":38,"_202":-5,"_203":-7,"_204":-7,"_205":52,"_206":75,"_207":75,"_208":-5,"_209":75,"_210":75,"_211":75,"_212":-5},"ENV",{"_164":165,"_166":167,"_168":26,"_169":170,"_171":172,"_173":174,"_175":176,"_177":178,"_179":180,"_181":182,"_183":184,"_185":186,"_187":188,"_189":190,"_191":192},"REACT_APP_SENTRY_DSN","https://586020d86f05489db63a554690acf1e9@o1398359.ingest.sentry.io/6724499","RENDER_GIT_COMMIT","e87eb04e707cf64e7e532c8e8ec395f209e17f15","RENDER_GIT_BRANCH","POSTHOG_API_TOKEN","phc_nmoyuAkStEZuUp69rYlg1DZgrIt19Gx0Y4Hwf8tGgJP","POSTHOG_API_HOST","https://wart.val.town","WEB_API_TEMPLATE","https://{val}.web.val.run","APP_URL","https://www.val.town","MODULE_URL","https://esm.town","VANITY_WEB_API_TEMPLATE","https://{label}.val.run/","DENOLS_URL","https://lsp.val.town","NODE_ENV","production","CLOUDFLARE_TURNSTILE_SITE_KEY","0x4AAAAAACtaIZJH7s9rBMZ6","GOOGLE_CLIENT_ID","875989696899-jtsqkhlbdv5jrlsk8631p7ipjg3c6o62.apps.googleusercontent.com","STRIPE_PUBLISHABLE_KEY","pk_live_51N2zvWEpZTTLipIkVEwXrUG9AT0yeOOEYxszarZT1jpsZV58Ly6wlg3SltZpHN26CUalOBmUSY7adQRQiSkCZz2500qSXNkf8Y","API_URL","https://api.val.town",[],"preferencesKeybindings","default","preferencesTheme","light","preferencesFixers","preferencesCopilot","preferencesSelectionAi","preferencesCloseBrackets","preferencesChatPanelState","preferencesDprint","preferencesDenofmt","notificationCount","flagDenols","isBusinessOrgMember","businessOrgHandle","isBusinessOrgAdmin","isHigherTownieTier","navCollapsed","currentOrgId"]

Branches1

Branches
1