Ordinarily, you will not need to resize the photos on your website because Rocketspark does it all for you, automatically scaling down the picture to fit the column. However, there may be times when you need to make a few manual edits to suit your site design.
So why are my photos different heights?
It all hinges on the photo’s dimensions (the technical term is aspect ratio). Rocketspark automatically resizes the photo to match the width of the column but retains the same dimensions. The upshot of this is that photos with different dimensions will be different heights automatically, but you can change this using the Rocketspark Picture Editor.
Walk-through tutorial - Click "Get started"
(To make this tour bigger, click the arrows on the right or zoom in)
Quickly adjusting Height, Crop and Zoom
Click into the picture block editor of an existing image, and at the bottom of the image, you can zoom in (drag the line to the right) or zoom out (drag the line to the left) of the image.
Drag the bottom handle up and down to adjust the image height. This handle is specially designed to SNAP to other images next to it so you can quickly line things up perfectly.
You can also adjust the Width, Height and Alignment from the sidebar under Size.
Why are my photos different widths?
One possible reason is that your columns are of different widths.
If columns are the issue, you just need to change the layout of the stack. Click Add a stack and choose a layout where the columns are all the same width (e.g., the 2-, 3- and 4-column layouts). This way all your pictures will resize to the size of the column making it easy to keep them all unified.