PHOTOGRAPHY | Sizing images for use online.
As Instagram reduces photos sizes automatically upload pictures at the maximum allowable resolution to get the sharpest image.
Instagram square size: 1080px x 1080px is recommended. Upload the image at the max resolution allowed, 2048px x 2048px.
Instagram landscape dimensions: 1080px x 566px is recommended. A smaller like 600px x 400px can also be used.
Instagram portrait size: 1080px x 1350px is recommended, although Instagram will show it as a 600px x 749px image.
The height of a slide is determined by the amount of text content that is in your slide. If you have more than 1 slide, then the slider will use the height of the tallest slide. If you want to force the slide to a fixed height you can add custom CSS. The width of your slider is determined by the column structure that your slider module is placed in. Your slider images should be (at least) the width of the column that it sits in. Standard column widths | 1 column: 1080 pixels. | ¾ column: 795 pixels. | 2/3 column: 700 pixels. | ½ column: 510 pixels. | 1/3 column: 320 pixels. | ¼ column: 225 pixels
Full width | For full width sliders you can use 1920px by whatever height… and for full screen 1920px x 1024px. Enabling Parallax will give your background images a fixed position as you scroll and your images will scale to the browser height.
Slide image | If you want to also add a slide image, it will display to the left of your slide text and on top of your slide background image. If no slide image is set, then the slide text will be displayed centred. As the height of the slide is set by the amount of text on the slide, if your slide image is tall enough it will drop below the bottom of the slide, creating bottom aligned image. Slide images will only appear in sliders that are in 2/3 column, ¾ column, or 1 column widths. Slide images will not display on browser widths of less than 768 pixels. The widths of slide images are: 1 column: 410 pixels, ¾ column: 308 pixels, and 2/3 column: 260 pixels.