We will guide you through this article by using the "Starter Service"[1] of our demonstration site as an example
By editing this entry we can find two attached images in the "Images" field [2] of this content type. These images are used for the creation of the slideshow in the "Starter Service" page [3][4]. The first one is also used in the front page [5]. All the images that are used in the cases [3][4][5] are automatically produced from the uploaded material [2].
The original images [2] are cropped and resized in order to fit in the corresponding canvas. The Drupal "Image Styles" mechanism [6] is responsible for this.
In order for the above described process to work properly, the source images [2] should be large enough and have a horizontal orientation. Otherwise the derived images will be upscaled and/or badly cropped.
If you are not able to determine or define the proper canvas your initial (raw) images should have, we suggest you to create a 790px X 460px blank, white or transparent, canvas in Photoshop and use it to create your images. You can paste your initial material there and crop and resize it in order to find the best placement. Then save the result as a new image and use that in your site.
