B32 - Image Sizing

Has image sizing changed in B31??

@dan At your convenience can you do an in-depth video on how image sizing works and how we should handle it??

Sometimes 100% is too large and sometimes 100% is too big…

1 Like

100% will always fill the available space, so it depends on the container it’s in.

Got it.

Also, sometimes when setting specific pixel sizes for the image, it then changes the images position to the left side of the container, even though it should be centered

1 Like

@dan

I don’t think image sizing is completely working correctly in B32. If you still have my project from my other question, look at any of the beret flash pages. They should be set to 300px each yet aren’t showing that. I tried restarting Elements but that didn’t change anything…

I second that. As a long time publishing person I’m very used to the ‘image within a frame’ paradigm where images can easily be scaled or moved inside their parent frame. Is there a way this can easily be done?
Particularly during resizing, it would be nice for an image to be able to move in response to the responsiveness :slight_smile:

Sorry for the delayed reply, we’ve been looking into this and it is indeed a bug — It’ll be fixed in the next beta :saluting_face:

Yes, this will work if you set the image width to 100% - it will scale as the parent container scales.

Not quite the same. I’m talking about the ability to scale an image, at will, in a ‘frame’. Place an image and set it to 30%, 60% or whatever. I can see it’s possible to scale the image but the image container also shrinks rather than maintaining its size and position.
Also the ability to move it within a frame based on scaling. For instance an image with a person on one side which can be moved so the person is in the middle as the frame size/shape changes. I’d love to be able to do this to really nail responsive design.

Just a follow up @Dan as I’m not sure I explained it too well. It’s essentially related to how pages respond when going from landscape (desktop) to portrait (mobile).
Say I have this image as a desktop banner (landscape):

but when the page is reduced to a mobile (portrait) device I want it to appear like this:

with the image moving across the container and reducing in size.

Is it possible to do this somehow?

Sure thing, I had a quick play and came up with this solution!

1 Like

Yes, that’s it exactly.

I would never have worked that out :slight_smile: The only thing better would be if it could smoothly move across rather than being abrupt, but I’m not going to lose sleep over it

I’m away camping atm (writing this from my camper trailer in the back of nowhere) but will definitely play with it when I get back.

Many thanks.

1 Like

Oh that sounds very nice, enjoy yourself!

Being able to over-ride the background image would be nice. It appears you can over-ride everything except the actual image. I have no idea how practical that would be but users could have a completely separate image for portrait vs landscape layouts.

Image sizing appears to be fixed. On quick look, everything appears back to normal. Thank you to the team!!

2 Likes