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

Crop backgrounds and box art if they are not the correct aspect ratio #422

Open
paced opened this issue Jul 21, 2024 · 1 comment
Open
Labels
💻 client There are things to do on the client 🔧 feature New feature or request

Comments

@paced
Copy link

paced commented Jul 21, 2024

Is your feature request related to a problem? Please describe.

Backgrounds and box art both currently follow a stretch to aspect ratio rather than maintain aspect ratio + crop, similar to CSS's object-fit as cover property. This requires a lot of manual labour to make games that are not found on RAWG look good in library.

Describe the solution you'd like

By default, images do not stretch but instead always match desired image based on aspect ratio.

  • Aspect ratios that are too tall will be cropped at the top and bottom, and centred.
  • Aspect ratios that are too wide will be cropped at the left and right, and centred.
  • Images that are too small will also be resized until one of the dimensions matches the required.

Describe alternatives you've considered

Aside from using an alternative frontend, the alternative is to manually resize the images.

Additional context

I am willing to try to implement this myself, but I don't have a lot of free time, and I'm not really a .NET developer.

@paced paced added 💻 client There are things to do on the client 🔧 feature New feature or request labels Jul 21, 2024
@Alfagun74
Copy link
Contributor

can you show us some visuals on where exactly you encounter this issue and how you would like it to be implement it?

Because we do already have this for example:
Image
Image

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
💻 client There are things to do on the client 🔧 feature New feature or request
Projects
Status: 📃 New Issues
Development

No branches or pull requests

2 participants