Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

feat: Add support for aspectRatio #28941

Merged
merged 6 commits into from
Jan 11, 2021
Merged

Conversation

laurieontech
Copy link
Contributor

@laurieontech laurieontech commented Jan 8, 2021

This adds support to the new image suite for passing a specific aspect ratio that will recalculate the height of the image and process/crop accordingly.

Right now this is implemented for maxWith/maxHeight and fluid/constrained images so that the migration to new defaults will change everything at the same time. [ch22093]

@gatsbot gatsbot bot added the status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer label Jan 8, 2021
@laurieontech laurieontech added topic: media Related to gatsby-plugin-image, or general image/media processing topics and removed status: triage needed Issue or pull request that need to be triaged and assigned to a reviewer labels Jan 8, 2021
Copy link
Contributor

@ascorbic ascorbic left a comment

Choose a reason for hiding this comment

The reason will be displayed to describe this comment to others. Learn more.

I think this needs to handle setting width when only height is passed too. I documented how I think it should work here: in my latest PR

packages/gatsby-plugin-sharp/src/image-data.ts Outdated Show resolved Hide resolved
@laurieontech laurieontech merged commit ed19fa0 into master Jan 11, 2021
@laurieontech laurieontech deleted the feat/image-aspect-ratio branch January 11, 2021 16:59
pragmaticpat pushed a commit to pragmaticpat/gatsby that referenced this pull request Apr 28, 2022
* Add support for aspectRatio

* Update packages/gatsby-plugin-sharp/src/image-data.ts

Co-authored-by: Matt Kane <matt@gatsbyjs.com>

* handle width too, refactor accordingly

* Update packages/gatsby-transformer-sharp/src/customize-schema.js

Co-authored-by: Matt Kane <matt@gatsbyjs.com>

* work for fixed too

Co-authored-by: Matt Kane <matt@gatsbyjs.com>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
topic: media Related to gatsby-plugin-image, or general image/media processing topics
Projects
None yet
Development

Successfully merging this pull request may close these issues.

None yet

2 participants