Find the ratio of a width and height, keep a ratio while resizing, and get image markup with the sizes browsers need for sharp images on every screen.

Find the ratio

-

Resize to a ratio

Responsive image markup

Uses the ratio above for the height (so the page doesn't jump while images load). Export each file at the width in its name.