Nowadays images (e.g. JPEG, PNG) can contain regions in their metadata following this standard. Image Regions are useful for describing specific areas of the image (e.g. objects, people) or for indicating how the image should be cropped or rotated to best fit a given container. The Frameright webapp can be used to define such Image Regions and insert them in the metadata of a picture.
By using our open-source components and libraries you can make sure that the website your are building will automatically display the best fitting region based on the current size of the image container. No need to manually create various versions of the same image for different ratios anymore, to write the boilerplate code tying everything together, or to worry about all possible device sizes.
If you are building your website with WordPress, have a look at our WordPress plugin.