{"id":3923,"date":"2026-08-16T23:59:00","date_gmt":"2026-08-16T23:59:00","guid":{"rendered":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/"},"modified":"2026-08-18T21:59:06","modified_gmt":"2026-08-18T21:59:06","slug":"markdown-svg-upgrades","status":"publish","type":"post","link":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/","title":{"rendered":"Markdown SVG upgrades"},"content":{"rendered":"<p><br \/>\n<\/p>\n<div>\n<p class=\"mobile-date-eyebrow\">sixteenth August 2026<\/p>\n<div class=\"note\">\n<p>I began constructing my markdown-svg-renderer software in Might, however I&#8217;ve since added sufficient options to it that it is price speaking about right here once more.<\/p>\n<p>It is advanced into my supreme software for sharing Markdown transcripts that embrace SVG paperwork. Given my proclivity for drawing pelicans driving bicycles this can be a downside that I wanted to resolve!<\/p>\n<p>The software could be very easy. Navigate to markdown-svg-renderer in your browser and paste in some Markdown to see it rendered&#8230; or save that Markdown to a CORS-friendly URL or a GitHub Gist and paste in a URL to that doc.<\/p>\n<p>The URL choice provides you with a bookmarkable web page, for instance https:\/\/instruments.simonwillison.internet\/markdown-svg-renderer#url=httpspercent3Apercent2Fpercent2Fgist.github.compercent2Fsimonwpercent2F6f9e48293be5c916652d29f0dc0b0657 &#8211; which bakes within the URL to this Gist.<\/p>\n<p>Should you go to the Gist you will see uncooked SVG:<\/p>\n<p><img decoding=\"async\" alt=\"beautiful-circle.md. Here's a self-contained SVG \u2014 a &quot;compass study&quot; of a circle with construction lines, a slowly rotating tick ring, and an orbiting accent dot: a block of SVG code\" src=\"https:\/\/static.simonwillison.net\/static\/2026\/raw-svg.webp\"\/><\/p>\n<p>Within the rendered software that appears like this as a substitute:<\/p>\n<p><img decoding=\"async\" alt=\"The same text, but now the code block has been replaced by a tabbed panel. The selected tab reads &quot;Rendered&quot; and shows the rendered PNG. The other tabs are PNG, JPEG, MP4, and Code\" src=\"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp\"\/><\/p>\n<p>As you may see, that SVG block within the Markdown has been reworked right into a rendered SVG (on this case animated) plus a number of tabs.<\/p>\n<p>The tabs are the actually enjoyable bit. The PNG and JPEG tabs render that SVG to these picture codecs within the browser and allows you to copy or obtain them &#8211; helpful for sharing on platforms that do not assist SVG straight.<\/p>\n<p>The MP4 tab is new in the present day &#8211; it examines the SVG to see if it accommodates any animations, makes an attempt to guess how lengthy the looped video must be, then renders an entire bunch of frames of the animation and hundreds 30+MB of ffmpeg.wasm so it could actually compile these frames into an MP4 video utilizing the complete energy of FFMPEG compiled to WebAssembly and working within the browser.<\/p>\n<p>With the ability to flip an animated SVG right into a MP4 once more makes it straightforward to share on platforms that may&#8217;t assist SVG animation natively. It is a neat trick!<\/p>\n<\/div>\n<\/div>\n<p><br \/>\n<br \/><a href=\"https:\/\/simonwillison.net\/2026\/Aug\/16\/markdown-svg-upgrades\/\">Source link <\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>sixteenth August 2026 I began constructing my markdown-svg-renderer software in Might, however I&#8217;ve since added sufficient options to it that it is price speaking about right here once more. It is advanced into my supreme software for sharing Markdown transcripts that embrace SVG paperwork. Given my proclivity for drawing pelicans driving bicycles this can be [&hellip;]<\/p>\n","protected":false},"author":1,"featured_media":3925,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"fifu_image_url":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp","fifu_image_alt":"","jnews-multi-image_gallery":[],"jnews_single_post":[],"jnews_primary_category":[],"jnews_override_bookmark_settings":[],"jnews_social_meta":[],"jnews_override_counter":[],"footnotes":""},"categories":[2],"tags":[4224,4225,2486],"class_list":["post-3923","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-ai-research-breakthroughs","tag-markdown","tag-svg","tag-upgrades"],"yoast_head":"<!-- This site is optimized with the Yoast SEO plugin v27.7 - https:\/\/yoast.com\/product\/yoast-seo-wordpress\/ -->\n<title>Markdown SVG upgrades - Future News 24<\/title>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"Markdown SVG upgrades - Future News 24\" \/>\n<meta property=\"og:description\" content=\"sixteenth August 2026 I began constructing my markdown-svg-renderer software in Might, however I&#8217;ve since added sufficient options to it that it is price speaking about right here once more. It is advanced into my supreme software for sharing Markdown transcripts that embrace SVG paperwork. Given my proclivity for drawing pelicans driving bicycles this can be [&hellip;]\" \/>\n<meta property=\"og:url\" content=\"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/\" \/>\n<meta property=\"og:site_name\" content=\"Future News 24\" \/>\n<meta property=\"article:published_time\" content=\"2026-08-16T23:59:00+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2026-08-18T21:59:06+00:00\" \/>\n<meta property=\"og:image\" content=\"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp\" \/><meta property=\"og:image\" content=\"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp\" \/>\n<meta name=\"author\" content=\"Future News 24\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:image\" content=\"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Future News 24\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"2 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\\\/\\\/schema.org\",\"@graph\":[{\"@type\":\"Article\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#article\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/\"},\"author\":{\"name\":\"Future News 24\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#\\\/schema\\\/person\\\/cecad1bde21cfc357cf70128144d6c83\"},\"headline\":\"Markdown SVG upgrades\",\"datePublished\":\"2026-08-16T23:59:00+00:00\",\"dateModified\":\"2026-08-18T21:59:06+00:00\",\"mainEntityOfPage\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/\"},\"wordCount\":351,\"commentCount\":0,\"publisher\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#organization\"},\"image\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/static.simonwillison.net\\\/static\\\/2026\\\/rendered-svg.webp\",\"keywords\":[\"Markdown\",\"SVG\",\"Upgrades\"],\"articleSection\":[\"AI Research &amp; Breakthroughs\"],\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"CommentAction\",\"name\":\"Comment\",\"target\":[\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#respond\"]}]},{\"@type\":\"WebPage\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/\",\"url\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/\",\"name\":\"Markdown SVG upgrades - Future News 24\",\"isPartOf\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#primaryimage\"},\"image\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#primaryimage\"},\"thumbnailUrl\":\"https:\\\/\\\/static.simonwillison.net\\\/static\\\/2026\\\/rendered-svg.webp\",\"datePublished\":\"2026-08-16T23:59:00+00:00\",\"dateModified\":\"2026-08-18T21:59:06+00:00\",\"breadcrumb\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/\"]}]},{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#primaryimage\",\"url\":\"https:\\\/\\\/static.simonwillison.net\\\/static\\\/2026\\\/rendered-svg.webp\",\"contentUrl\":\"https:\\\/\\\/static.simonwillison.net\\\/static\\\/2026\\\/rendered-svg.webp\"},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/2026\\\/08\\\/16\\\/markdown-svg-upgrades\\\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\\\/\\\/futurenews24.com\\\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"Markdown SVG upgrades\"}]},{\"@type\":\"WebSite\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#website\",\"url\":\"https:\\\/\\\/futurenews24.com\\\/\",\"name\":\"Future News 24\",\"description\":\"The Smart Hub for AI and Next-Gen Innovation\",\"publisher\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#organization\"},\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\\\/\\\/futurenews24.com\\\/?s={search_term_string}\"},\"query-input\":{\"@type\":\"PropertyValueSpecification\",\"valueRequired\":true,\"valueName\":\"search_term_string\"}}],\"inLanguage\":\"en-US\"},{\"@type\":\"Organization\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#organization\",\"name\":\"Future News 24\",\"url\":\"https:\\\/\\\/futurenews24.com\\\/\",\"logo\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#\\\/schema\\\/logo\\\/image\\\/\",\"url\":\"https:\\\/\\\/futurenews24.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/fn24-favicon.png\",\"contentUrl\":\"https:\\\/\\\/futurenews24.com\\\/wp-content\\\/uploads\\\/2026\\\/06\\\/fn24-favicon.png\",\"width\":250,\"height\":250,\"caption\":\"Future News 24\"},\"image\":{\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#\\\/schema\\\/logo\\\/image\\\/\"}},{\"@type\":\"Person\",\"@id\":\"https:\\\/\\\/futurenews24.com\\\/#\\\/schema\\\/person\\\/cecad1bde21cfc357cf70128144d6c83\",\"name\":\"Future News 24\",\"image\":{\"@type\":\"ImageObject\",\"inLanguage\":\"en-US\",\"@id\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d57f07142d73cb5503ab2446ea7bc9ef3d0a5ba378d64a6157692311e42bf097?s=96&d=mm&r=g\",\"url\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d57f07142d73cb5503ab2446ea7bc9ef3d0a5ba378d64a6157692311e42bf097?s=96&d=mm&r=g\",\"contentUrl\":\"https:\\\/\\\/secure.gravatar.com\\\/avatar\\\/d57f07142d73cb5503ab2446ea7bc9ef3d0a5ba378d64a6157692311e42bf097?s=96&d=mm&r=g\",\"caption\":\"Future News 24\"},\"sameAs\":[\"https:\\\/\\\/futurenews24.com\"],\"url\":\"https:\\\/\\\/futurenews24.com\\\/index.php\\\/author\\\/mridulpahuja20\\\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"Markdown SVG upgrades - Future News 24","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/","og_locale":"en_US","og_type":"article","og_title":"Markdown SVG upgrades - Future News 24","og_description":"sixteenth August 2026 I began constructing my markdown-svg-renderer software in Might, however I&#8217;ve since added sufficient options to it that it is price speaking about right here once more. It is advanced into my supreme software for sharing Markdown transcripts that embrace SVG paperwork. Given my proclivity for drawing pelicans driving bicycles this can be [&hellip;]","og_url":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/","og_site_name":"Future News 24","article_published_time":"2026-08-16T23:59:00+00:00","article_modified_time":"2026-08-18T21:59:06+00:00","og_image":[{"url":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp","type":"","width":"","height":""},{"url":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp","type":"","width":"","height":""}],"author":"Future News 24","twitter_card":"summary_large_image","twitter_image":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp","twitter_misc":{"Written by":"Future News 24","Est. reading time":"2 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"Article","@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#article","isPartOf":{"@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/"},"author":{"name":"Future News 24","@id":"https:\/\/futurenews24.com\/#\/schema\/person\/cecad1bde21cfc357cf70128144d6c83"},"headline":"Markdown SVG upgrades","datePublished":"2026-08-16T23:59:00+00:00","dateModified":"2026-08-18T21:59:06+00:00","mainEntityOfPage":{"@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/"},"wordCount":351,"commentCount":0,"publisher":{"@id":"https:\/\/futurenews24.com\/#organization"},"image":{"@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#primaryimage"},"thumbnailUrl":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp","keywords":["Markdown","SVG","Upgrades"],"articleSection":["AI Research &amp; Breakthroughs"],"inLanguage":"en-US","potentialAction":[{"@type":"CommentAction","name":"Comment","target":["https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#respond"]}]},{"@type":"WebPage","@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/","url":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/","name":"Markdown SVG upgrades - Future News 24","isPartOf":{"@id":"https:\/\/futurenews24.com\/#website"},"primaryImageOfPage":{"@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#primaryimage"},"image":{"@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#primaryimage"},"thumbnailUrl":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp","datePublished":"2026-08-16T23:59:00+00:00","dateModified":"2026-08-18T21:59:06+00:00","breadcrumb":{"@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/"]}]},{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#primaryimage","url":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp","contentUrl":"https:\/\/static.simonwillison.net\/static\/2026\/rendered-svg.webp"},{"@type":"BreadcrumbList","@id":"https:\/\/futurenews24.com\/index.php\/2026\/08\/16\/markdown-svg-upgrades\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/futurenews24.com\/"},{"@type":"ListItem","position":2,"name":"Markdown SVG upgrades"}]},{"@type":"WebSite","@id":"https:\/\/futurenews24.com\/#website","url":"https:\/\/futurenews24.com\/","name":"Future News 24","description":"The Smart Hub for AI and Next-Gen Innovation","publisher":{"@id":"https:\/\/futurenews24.com\/#organization"},"potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/futurenews24.com\/?s={search_term_string}"},"query-input":{"@type":"PropertyValueSpecification","valueRequired":true,"valueName":"search_term_string"}}],"inLanguage":"en-US"},{"@type":"Organization","@id":"https:\/\/futurenews24.com\/#organization","name":"Future News 24","url":"https:\/\/futurenews24.com\/","logo":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/futurenews24.com\/#\/schema\/logo\/image\/","url":"https:\/\/futurenews24.com\/wp-content\/uploads\/2026\/06\/fn24-favicon.png","contentUrl":"https:\/\/futurenews24.com\/wp-content\/uploads\/2026\/06\/fn24-favicon.png","width":250,"height":250,"caption":"Future News 24"},"image":{"@id":"https:\/\/futurenews24.com\/#\/schema\/logo\/image\/"}},{"@type":"Person","@id":"https:\/\/futurenews24.com\/#\/schema\/person\/cecad1bde21cfc357cf70128144d6c83","name":"Future News 24","image":{"@type":"ImageObject","inLanguage":"en-US","@id":"https:\/\/secure.gravatar.com\/avatar\/d57f07142d73cb5503ab2446ea7bc9ef3d0a5ba378d64a6157692311e42bf097?s=96&d=mm&r=g","url":"https:\/\/secure.gravatar.com\/avatar\/d57f07142d73cb5503ab2446ea7bc9ef3d0a5ba378d64a6157692311e42bf097?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/d57f07142d73cb5503ab2446ea7bc9ef3d0a5ba378d64a6157692311e42bf097?s=96&d=mm&r=g","caption":"Future News 24"},"sameAs":["https:\/\/futurenews24.com"],"url":"https:\/\/futurenews24.com\/index.php\/author\/mridulpahuja20\/"}]}},"_links":{"self":[{"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/posts\/3923","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/users\/1"}],"replies":[{"embeddable":true,"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/comments?post=3923"}],"version-history":[{"count":1,"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/posts\/3923\/revisions"}],"predecessor-version":[{"id":3924,"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/posts\/3923\/revisions\/3924"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/media\/3925"}],"wp:attachment":[{"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/media?parent=3923"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/categories?post=3923"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/futurenews24.com\/index.php\/wp-json\/wp\/v2\/tags?post=3923"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}