About image aspect ratio

Supplement.
There was some misunderstanding.
If you make the gallery wide, the aspect ratio of the images in individual cells will collapse and cannot be maintained when the display in the browser is reduced. I want to keep the height constant.

When you insert a photo inside a cell in a grid layout, the aspect ratio is maintained only when you have a margin around the grid. If you display it wide, it will not be maintained regardless of the red diagonal line. It's very troubled.

For other themes, you can maintain the aspect ratio even in wide galleries.

Hello,
Thank you for using Nicepage!

Apologies for the delayed reply.

But it doesn't work when the image is "Cover". That said, if you set the image to "Contain", extra margins will be created when you lower the zoom in the browser settings.

Correct. If you add an image to a grid cell (or anywhere else really) and set it to Contain, you'll have more control when resizing the image, which doesn't happen when the image is set to cover, and that's how the functions work.

When you insert a photo inside a cell in a grid layout, the aspect ratio is maintained only when you have a margin around the grid. If you display it wide, it will not be maintained regardless of the red diagonal line. It's very troubled.

You mean these ones?

If so then yes, when an element is stretched beyond the Sheet line, some alignment will get lost and of course, the image will stretch.

Let us know if you have any further questions.
...................................................
Sincerely,
Lilioneta
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello.
That's right. But, for example, I want the gallery to fill the width of the screen beyond the sheet line and not stretch the image. Other wordpress themes can do that. What should I do now?

Hello,

Something like this? (See screenshot below) I added the Image Gallery element and stretched it beyond the sheet. It can be done of course, but still, the images will widen during the process.

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello. That's right. In that case, I want to maintain the aspect ratio of the photo so that the top and bottom of the photo are not cut. If you can't do it right now, do you have any plans to deal with it in the future? Hopefully I don't want to move on to other themes as Nicepage is fashionable and very easy to use compared to other themes.I want you to improve it!

Hello,

Thank you for the explanation. If I got it right, you want the picture to appear the same even when stretched or set as a background having anything cut from it, like this example:

The image isn't stretched:

Image set as a background:

We appreciate your suggestion and will add it to our wishlist. Thank you for being with Nicepage!
...................................................
Sincerely,
Lilioneta
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

Hello,
Has there been any development on this issue / feature?
I am also trying to fit a background image and / or video to fill the background but without being cropped...

Thanks

Last edited 22 January 2022 by mail8412

Hello mail8412,

For now, you can resize the block.

...................................................
Sincerely,
Lilioneta
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp

what is the best image ratio to stretch well for mobile and desktop?

Hello SAMSON KANDIE,

The best practice for images set as the background of the element is that the original size of the picture should at least approximately match the proportions of the element.

Depending on the size of the screen, the width of the block changes, the width of the picture changes and proportionally its height.
The wider the screen is, the higher the image will be on the screen. Meanwhile, the height of the block is not changing depending on the screen width.
As the result, on wide screens, not the entire picture can be viewed, because its height becomes greater than the height of the block. This is a standard background image behavior.

If you have any issues, please create a new ticket regarding your question.

...................................................
Sincerely,
Anna.
Nicepage Support Team

Please subscribe to our YouTube channel: http://youtube.com/nicepage?sub_confirmation=1
Follow us on Facebook: http://facebook.com/nicepageapp