Thursday, October 20, 2016

Resizing images proportionally, without cropping in WIX

I've recently had to use WIX for a web project, and unfortunately, it only gives me two options for resizing images: 1. Autocrop (cuts the image to fit the space), and 2. Stretch (dis-proportionally stretches the image to fit).


Both of these are inadequate, because, holding down shift and dragging a corner doesn't constrain the bounding box of the image (as it does in most graphics programs). Being as most of the time, we don't want to distort our image, we're left trying to get the box back to it's original proportions to make the image not crop.

Stretch Option



Auto Option












WIX support isn't clear about how to workaround this, especially when you want an image to be a particular width. There's no "link" icon that will keep the width and height proportional in the tool bar.

Here are the steps to do this:
1. Once your image is placed, type the width that you'd like your image to be in the toolbar (unfortunately, this only works with width, not height). This will either crop or distort your image (depending on your settings).


2. Click on the settings for that image. Under "Image Resizing", click "Reset Image Proportions".

This will keep your image at whatever width you set, and auto-adjust the height so that the image is neither cropped nor distorted.

This button also works if you've "eyeballed" your size.

Hope this helps.