Pixilab
Home › Companies › Show HN launch › React/web component for responsive images on steroids

React/web component for responsive images on steroids

Show HN: React/web component for responsive images on steroids

React/web component for responsive images on steroids operates in show hn launch.

Profile

Hey, OP here. This is hopefully interesting, especially for front-end developers. Nowadays images (JPEG, PNG, ...) can contain so-called Image Regions in their metadata [1] like cropping regions or regions of interest. So we've created a React component [2] that responsively displays the "best" cropping region, i.e. the one with the ratio closest to the current `<img>` element size. If you don't use React we have also built a web component. [3] With this approach you no longer have to worry about whether the size of your assets will match the ratio of their containers on all devices. The displayed image will always make sense and you don't need to maintain a bunch of hard crops anymore. Chec

The company sits in the show hn launch segment, where it competes on its core product or service.

It is recorded at the Show HN launch stage.

SectorShow HN launch
StageShow HN launch

Website: react.frameright.io

Browse related

Full contact details are available to registered Pixilab members.
Create a free account