# B32 - Image Sizing

**URL:** <https://forums.realmacsoftware.com/t/b32-image-sizing/46019>\
**Category:** RapidWeaver Elements\
**Created:** [January 21, 2025, 4:08pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019 "2025-01-21T16:08:54Z")\
**Posts on this page:** 14\
**Page:** 1

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [January 21, 2025, 4:08pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/1 "2025-01-21T16:08:54Z")

</div>

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…

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 21, 2025, 4:09pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/2 "2025-01-21T16:09:38Z")

</div>

> [@sbchasin](#):
>
> Sometimes 100% is too large and sometimes 100% is too big…

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

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [January 21, 2025, 4:10pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/3 "2025-01-21T16:10:38Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [January 21, 2025, 5:45pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/4 "2025-01-21T17:45:48Z")

</div>

@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…

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [January 22, 2025, 3:43am UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/5 "2025-01-22T03:43:36Z")

</div>

> [@sbchasin](#):
>
> @dan At your convenience can you do an in-depth video on how image sizing works and how we should handle it??

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 🙂

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 23, 2025, 1:39pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/6 "2025-01-23T13:39:40Z")

</div>

> [@sbchasin](#):
>
> 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.

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 🫡

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 23, 2025, 2:00pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/7 "2025-01-23T14:00:35Z")

</div>

> [@trinube](#):
>
> 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 🙂

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

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [January 23, 2025, 8:31pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/8 "2025-01-23T20:31:30Z")

</div>

> [@dan](#):
>
> 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.

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [January 24, 2025, 4:18am UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/9 "2025-01-24T04:18:07Z")

</div>

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):

 ![Screenshot 2025-01-24 at 3.13.59 pm](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/6/2/62a16b7f921d3d0afd8da5ea518ff90fca0d1d46.jpeg)

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

 ![Screenshot 2025-01-24 at 3.14.08 pm](https://europe1.discourse-cdn.com/flex005/uploads/realmacsoftware1/original/3X/c/9/c961bfc0c0230ea25c2a2e41b736cdde61a09b83.jpeg)

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

Is it possible to do this somehow?

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 24, 2025, 11:32am UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/10 "2025-01-24T11:32:56Z")

</div>

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

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [January 24, 2025, 7:58pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/11 "2025-01-24T19:58:15Z")

</div>

Yes, that’s it exactly.

I would never have worked that out 🙂 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.

---

<div class="post-metadata">

**Author:** ![dan](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/dan/32/28516_2.png) [@dan](https://forums.realmacsoftware.com/u/dan)\
**Post date:** [January 24, 2025, 9:08pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/12 "2025-01-24T21:08:28Z")

</div>

Oh that sounds very nice, enjoy yourself!

---

<div class="post-metadata">

**Author:** ![trinube](https://avatars.discourse-cdn.com/v4/letter/t/df788c/32.png) [@trinube](https://forums.realmacsoftware.com/u/trinube)\
**Post date:** [January 26, 2025, 9:47am UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/13 "2025-01-26T09:47:10Z")

</div>

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.

---

<div class="post-metadata">

**Author:** ![sbchasin](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/sbchasin/32/26943_2.png) [@sbchasin](https://forums.realmacsoftware.com/u/sbchasin)\
**Post date:** [January 28, 2025, 7:18pm UTC](https://forums.realmacsoftware.com/t/b32-image-sizing/46019/14 "2025-01-28T19:18:46Z")

</div>

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