There are two ways to change the image size. The best way is to change the setting on the Connections : Settings admin page for the ‘Medium, Image Settings’. You would set the height and width to the template recommended size. The recommended image size can be found on the template product page under the ‘Recommended Setting’ tab. The benefit of this method is that when the image is added to an entry, the image is created and cached so when the image is shown in the template the template uses the cached image. This is better for the server load. The downside is that any image you have uploaded previously to an entry will have to be re-uploaded for the new settings to be applied to the image and the cache to be updated. A future version of Connections will address this.
The other way to adjust the image size is dynamically by using two template shortcode options, image_height and image_width. When either of these options is used the image will be created at the set size dynamically when the page is loaded. The downside is increased server load as these images have to be re-created periodically. Here are some examples:
/* * Example 1 * Change the image width. The height will be dynamic based on the image scale ratio. */ [connections image_width=200] /* * Example 2 * Change the image height. The width will be dynamic based on the image scale ratio. */ [connections image_height=150] /* * Example 3 * Change the image height and width. The image will be scaled proportionally to fit the values. */ [connections image_height=150 image_width=200] |
Exception
The templates Excerpt Plus, Excerpt, Slim Plus and Slim will automatically create images from the source image that are
120px x 100px. It does not use the pre-cached image sizes created when you add a image to an entry. You will have to pre-process the image, scale and crop. If you upload a pre-cropped image using the same ratio (6:5) that would work too. For example, images with the dimension of 200px x 167px or 110px x 92px. Here’s the math…
( width / height ) * new-height = new-width
OR
( height / width ) * new-width = new-height
Exception
The templates Tile Plus and Tile will automatically create images from the source image that are
100px x 130px. It does not use the pre-cached image sizes created when you add a new image. You will have to pre-process the image, scale and crop. If you upload a pre-cropped image using the same ratio (10:13) that would work too. For example, images with the dimension of 200px x 260px or 110px x 143px. Here’s the math…
( width / height ) * new-height = new-width
OR
( height / width ) * new-width = new-height