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://www.ratiorender.com" rel="nofollow noreferrer">https://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. `<img src="<a href="https://api.ratiorender.com/4/3" rel="nofollow noreferrer">https://api.ratiorender.com/4/3</a>">`<p>It's built with Typescript & Node, runs powered by AWS Lambda, and deployed via Terraform.<p>I'm actively working on it and there is lots of room for improvement.<p>Any comments, feedback, or suggestions are welcome, especially if you're a web developer!
no comments
no comments