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","label",[74],"970a0be8-2792-11f0-9d52-569c3dd06744",["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",[63],"pulls","branches","forks","envVars",{"_69":72,"_176":72},"connections",{"_69":72,"_175":72},"unfilledCount","emptyCount",{"_28":164,"_13":63,"_61":62,"_37":-5,"_30":31,"_156":20,"_157":86,"_32":183,"_34":72,"_64":47,"_160":166,"_65":24,"_162":-5,"_180":184,"_130":185},{"_28":155,"_13":74,"_61":73,"_37":-5,"_30":31,"_156":116,"_157":86,"_32":179,"_34":159,"_64":75,"_160":161,"_65":24,"_162":-5,"_180":181,"_130":182},["D",1731718654501],"children",[],[74],["D",1729611541700],[],[63],["D",1746217100103],{"_11":12,"_129":68},{"_11":12,"_125":-5,"_67":68,"_25":66,"_126":127,"_128":24},{"_34":116,"_13":16,"_28":31,"_117":82,"_118":-5,"_119":-5,"_120":-5,"_121":-5,"_122":-5,"_123":14,"_124":12},"ctx",{"_45":-5,"_149":223,"_224":225,"_226":227,"_228":24,"_229":24,"_230":24,"_231":86,"_232":-5,"_233":-7,"_234":-7,"_235":72,"_236":24,"_237":24,"_238":-5,"_239":24,"_240":24,"_241":24,"_242":-5},"ENV",{"_194":195,"_196":197,"_198":16,"_199":200,"_201":202,"_203":204,"_205":206,"_207":208,"_209":210,"_211":212,"_213":214,"_215":216,"_217":218,"_219":220,"_221":222},"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"]

History