Images uploaded to Gateway must be horizontally aligned and in 5:3 ratio. This means that for every 5 pixels of an image's width, there should be 3 pixels of an image's height. 


            


Any images that are not horizontally aligned when uploaded into Gateway are automatically cropped by the system (for more information about image requirements, see Image Requirements).


 


To avoid having images cropped, be sure that they are in 5:3 ratio and horizontally aligned. This can be done using image editing software or online with a tool like Pixlr. The easiest image editing software to use for this is Photoshop and Pixlr works well because it functions a lot like Photoshop.




How to create a 5:3 ratio image in Photoshop:


1. Open your image in Photoshop.


2. Go to the Image menu in the navigation bar and choose "Canvas Size..."

 


3. A popup box will appear. Set the unit type to "Pixels" and the tool will show you how many pixels your image is.


 


For example, this image is 1000px square. Using the following formula, enter the new pixel width (x): x= (5*height)/3. In this case, the height is 1000, so x= (5*1000)/3 or about 1666.


4. Once you have the correct pixel width, enter it into the popup box. Be sure that the Canvas extension color is set to "White" and the anchor is in the center of the grid.


 



5. The image now has white space on either side and is 5:3 ratio. You can now save your image.


 


If you need to resize multiple images, see this tutorial on how to use batch actions.



How to create a 5:3 ratio image in Pixlr:


1. Navigate to www.pixlr.com on your browser and click on the "Open Pixlr Editor" button.


 


2. If a popup box appears asking what you would like to do, click on "Open Image From Computer", otherwise open the image you want to edit using the File menu.



3. With the image open, click on the "Image" menu at the top navigation bar and choose "Canvas size..."


 


4. After the popup box appears, it will tell you how many pixels your image dimensions are.


 


For example, this image is 1000px square. Using the following formula, enter the new pixel width (x): x= (5*height)/3. In this case, the height is 1000, so x= (5*1000)/3 or about 1666.


5. Once you have the correct pixel width, enter it into the popup box. Be sure that the anchor is selected in the center of the grid.

 


6. The image now has white space on either side and is 5:3 ratio. You can now save your image.