Home
Hello HN!<p>A few months back I was developing a website and I had to manually (re)crop images a bunch of times to test different image placements and layouts. I thought it would be neat to have a way to generate those images on the fly.<p>Enter.. Ratio Render! (<a href="https:&#x2F;&#x2F;www.ratiorender.com" rel="nofollow noreferrer">https:&#x2F;&#x2F;www.ratiorender.com</a>)<p>Ratio Render enables web developers to dynamically render image placeholders on their websites via their aspect ratios.<p>Rather than serving up fixed dimension jpg or png images, Ratio Render serves up SVGs which maintain their aspect ratios while scaling infinitely.<p>Images get embedded via a standard image tag e.g. `&lt;img src=&quot;<a href="https:&#x2F;&#x2F;api.ratiorender.com&#x2F;4&#x2F;3" rel="nofollow noreferrer">https:&#x2F;&#x2F;api.ratiorender.com&#x2F;4&#x2F;3</a>&quot;&gt;`<p>It&#x27;s built with Typescript &amp; Node, runs powered by AWS Lambda, and deployed via Terraform.<p>I&#x27;m actively working on it and there is lots of room for improvement.<p>Any comments, feedback, or suggestions are welcome, especially if you&#x27;re a web developer!

no comments

no comments