Sensible Image Sizing defaults for GraphQL API + react-datocms

Hey! :wave:

We’re using DatoCMS + react-datocms across our marketing site. Currently we’re having bit of bad DX with having to manually specify asset max-widths and heights to stop gigantic source images from being delivered to the client.

The Dato GraphQL API provides Image srcsets which - when used without sizing parameters for max width and height - can deliver ludicrously large images (as they seem to be based on % of original image size).

It’d be preferable to have the option of srcsets having a default max width/height that can be overridden by explicitly specified max width and height. Or - it would be nice to be able to have the react-datocms Image component be able to infer max-widths and heights on the client side - much like Cloudinary’s React component does.