Show HN: Dynamic aspect-driven image rendering for web developers
2 by barefootsanders | 0 comments on Hacker News.
Hello HN! 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. Enter.. Ratio Render! ( https://ift.tt/9NOji2T ) Ratio Render enables web developers to dynamically render image placeholders on their websites via their aspect ratios. Rather than serving up fixed dimension jpg or png images, Ratio Render serves up SVGs which maintain their aspect ratios while scaling infinitely. Images get embedded via a standard image tag e.g. `
` It's built with Typescript & Node, runs powered by AWS Lambda, and deployed via Terraform. I'm actively working on it and there is lots of room for improvement. Any comments, feedback, or suggestions are welcome, especially if you're a web developer!
2 by barefootsanders | 0 comments on Hacker News.
Hello HN! 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. Enter.. Ratio Render! ( https://ift.tt/9NOji2T ) Ratio Render enables web developers to dynamically render image placeholders on their websites via their aspect ratios. Rather than serving up fixed dimension jpg or png images, Ratio Render serves up SVGs which maintain their aspect ratios while scaling infinitely. Images get embedded via a standard image tag e.g. `