Most of your image size and placement settings can be adjusted with just your mouse using the image border scaling options or by dragging-and-dropping the image's placement.

You can also manually set the image size and location under the Size & Position tab located in the right toolbar when selecting the image.

Showit provides four different ways to define how an image may respond inside the image field with the Fill, Contain, Stretch and Crop options found under the Image tab in the right side Properties Panel, when the image is selected.

The Fill option will force the image to fill all the way to the set height and width dimensions of the image field. This may result in some cropping of the image if the image area and the original image itself are not in equal ratio.

Depending on the horizontal or vertical orientation of the image field, adjusting the Position setting will allow you to set how the image is positioned inside the image field.
​

The Contain setting will preserve the original image's aspect ratio inside the image field.

With the image field being set to Contain, this will allow you to adjust the height and width of the image area without altering the original image's dimensions. The original image will scale with whichever edge is shortest relative to the image.

The Crop setting allows for cropping an image, directly within Showit. For more on how image cropping works in Showit, check out our article on Image Cropping here:

If you are trying to make sure that your images will scale with lager sized displays, you can use the Stretch Edge Locking feature. Setting this on an image will allow the image borders to lock to the edge of the display, no matter how large the display is. Edge Locking only works for images placed on a canvas, not for canvas background images.

You can read more about how to use Edge Locking in this article here:

For a canvas background image, it is important to remember that the editor is 1200 pixels wide, while most computer screens are much wider. A background image is responsive to the width of any given browser and will stretch relative to the width of the screen. The height of the canvas containing the background image will remain the same (unless you have set your Canvas Type to Window Height).

Even if the background image appears that the image fits well in the Showit app, anticipate some changes with how the image may be viewed on different screen or browser sizes. If you find the image is cropping too much from the top or bottom edge on larger screens, increasing the height of the Canvas can be the solution as it will allow a higher responsive ratio for the image dimensions.