Images in a Responsive Project – figuring out the squeeze.
Hi all.
After trying a number of things to see if I can get images to work nicely with a responsive project using Fluid Boxes, I have not been able to find a fix.
My assumption is that it just doesn’t work when trying to use an image as a background in a project without the terrible squeeze/distortion of the background.
This is another of my attempts to create something nice looking, and I am trying to understand limitations of the software.
If you know of a work around, I would like to hear it.
Thanks.
You didn’t get my question. Do you want to keep the full background image, which you probably inserted in landscape mode, when you switch to portrait mode? Or is it OK to have the image cropped in the horizontal dimension for portrait mode, and cropped vertically for landscape mode.
What do you exactly want for the background images: that they remain always completely visible, or that part of the image may be cropped on smaller resolutions? Both without distortion of course.
There are several ways to do so, at least in version 11.5. You can use an image as background (fill) of a slide and use the Position Properties to have it rescaled while preserving the width/height ratio. Later on you can add fluid boxes. Or you can fill the parent fluid box with the image.
Use the tile option when using an image to fill your background of a fluid box. Then select the alignment options such as center, bottom right, top left, etc. Here’s a tip. use background images that are at least as large as the fluid would be in its largest condition. For example, if you wanted to fill the parent fluid box with a background, crop and resize your image to be 1024 x 627 (or whatever size your desktop view is).
You must be logged in to post a comment.