OG Image Options

<p class="has-line-data" data-line-start="0" data-line-end="1">In this Hasty Treat, Scott and Wes talk about OG images, interesting ways you can work with them, and ways you can work dynamically with them.</p> <h2 class="code-line" data-line-start="2" data-line-end="3"><a id= "Show_Notes_2"></a>Show Notes</h2> <ul> <li class="has-line-data" data-line-start="4" data-line-end="5"> <strong><a href="#t=00:11">00:11</a></strong> Welcome</li> <li class="has-line-data" data-line-start="5" data-line-end="6"> <strong><a href="#t=02:18">02:18</a></strong> What are OG images?</li> <li class="has-line-data" data-line-start="6" data-line-end="7"> <strong><a href="#t=06:19">06:19</a></strong> Testing OG images</li> <li class="has-line-data" data-line-start="7" data-line-end="8"> <a href="https://polypane.app/">Polypane, The browser for ambitious web developers</a></li> <li class="has-line-data" data-line-start="8" data-line-end="9"> <a href="https://metatags.io/">Meta Tags — Preview, Edit and Generate</a></li> <li class="has-line-data" data-line-start="9" data-line-end="10"> <a href="https://developers.facebook.com/tools/debug/">Sharing Debugger - Meta for Developers</a></li> <li class="has-line-data" data-line-start="10" data-line-end="11"> <a href="https://cards-dev.twitter.com/validator">Card Validator | Twitter Developers</a></li> <li class="has-line-data" data-line-start="11" data-line-end="12"> <strong><a href="#t=08:27">08:27</a></strong> Creating an OG image</li> <li class="has-line-data" data-line-start="12" data-line-end="13"> <a href="https://github.com/vercel/satori">vercel/satori: Enlightened library to convert HTML and CSS to SVG</a></li> <li class="has-line-data" data-line-start="13" data-line-end="14"> <a href= "https://vercel.com/docs/concepts/functions/edge-functions/og-image-generation"> Open Graph (OG) Image Generation | Vercel Docs</a></li> <li class="has-line-data" data-line-start="14" data-line-end="15"> <a href= "https://vercel.com/blog/introducing-vercel-og-image-generation-fast-dynamic-social-card-ima