Additional considerations:
Depending on the size of the browser window. not all of the hero image will be displayed. The image will get wider with the browser, however the height will generally stay consistent. This is why we recommend images that are very wide, and not tall.
Additional considerations:
Feature images need to be high quality enough to be full width, however we recommend not making the image too tall, or else it will dominate the content on the page. If an image smaller than
Basic pages
594 px high x height of the carousel.
For example, by default the carousel is set to 500 px high. So, in this case you should upload images that are 594x500. If you set the carousel height to 600, images should be 594x600. Etc...
Landing pages
456 x 1400
The full pixel width of the desktop layout is set to 1170px. Therefore,
- If your image card spans the entire screen, the image must be at least 1170 px wide
- If your image card spans half the screen, the image must be at least 585 px wide (1170 px / 2)
- If your image card spans one third of the screen, the image must be at least 390 px wide (1170 px / 3)
- etc...
IMPORTANT: If you want all the image cards to be the same size and shape, they must all be created in the same width and height pixel ratio.
Width less than 300px
Additional considerations:
The image should be narrow enough for text to comfortably wrap around. There is no set height specification. When arranging the inline image in the editing interface, place it before the text block you would like the image to appear next to.
With sidebar: 709 px wide
Without sidebar: more than 640px wide
705px wide
286 x 432