The latest articles on DEV Community by Пан Кіт (@lilpunkit). https://dev.to/lilpunkit https://media2.dev.to/dynamic/image/width=90,height=90,fit=cover,gravity=auto,format=auto/https:%2F%2Fdev-to-uploads.s3.amazonaws.com%2Fuploads%2Fuser%2Fprofile_image%2F1264394%2F63ba6ec8-af4f-407b-aa04-559b33a59244.png https://dev.to/lilpunkit en Пан Кіт Wed, 28 Feb 2024 08:35:27 +0000 https://dev.to/lilpunkit/og-image-generator-based-on-svg-template-355d https://dev.to/lilpunkit/og-image-generator-based-on-svg-template-355d <p>I like the idea of generating OpenGraph images based on some template. SVG structure looks customizable to me, so I tried to use .svg as an OG image and failed. OpenGrapgh does not support this format.</p> <p>I have Rails app deployed to Heroku. I found a great idea of how to automate OG image creation <a href="https://tseivo.com/b/memecode/t/qg2kxgeqxr">here</a>.</p> <p>What we have to do:</p> <ul> <li>Create an SVG template (use ERB to support variables);</li> <li>Add mini_magic or similar lib for SVG to JPG conversion;</li> <li>Create a rake task for generating JPG from SVG;</li> <li>Add rake task to Heroku scheduler;</li> </ul> <p>Created rake task will generate and attach JPG to model (will be uploaded to AWS); Rake task should find records without attached OG image. Sometimes you need to regenerate OG image, so it will be nice to have record-marking functionality.</p> <p>This flow allows us to have an SVG template for the OG image, and also will separate CPU consumption (scheduler will use separate Dyno instance).</p> ruby rails svg opengraph