# Banner and Email Image Sizing

**URL:** <https://forums.realmacsoftware.com/t/banner-and-email-image-sizing/23925>\
**Category:** RapidWeaver Classic\
**Created:** [December 6, 2018, 11:33am UTC](https://forums.realmacsoftware.com/t/banner-and-email-image-sizing/23925 "2018-12-06T11:33:05Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![ianm](https://avatars.discourse-cdn.com/v4/letter/i/f1d935/32.png) [@ianm](https://forums.realmacsoftware.com/u/ianm)\
**Post date:** [December 6, 2018, 11:33am UTC](https://forums.realmacsoftware.com/t/banner-and-email-image-sizing/23925/1 "2018-12-06T11:33:05Z")

</div>

Hi, I’m revamping my site with Foundation and want to place full width banner images across the top (above the topbar). A graphic design company are doing the images for me and they want to know what size in px for the banner images and emails? I know the email template is 600px wide, but what size should the full width banner images be?

---

<div class="post-metadata">

**Author:** ![NeilUK](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/neiluk/32/23434_2.png) [@NeilUK](https://forums.realmacsoftware.com/u/NeilUK)\
**Post date:** [December 6, 2018, 11:35am UTC](https://forums.realmacsoftware.com/t/banner-and-email-image-sizing/23925/2 "2018-12-06T11:35:29Z")

</div>

I usually make my banner images 1800px wide, but I’m sure others will have their own personal preference.

---

<div class="post-metadata">

**Author:** ![habitualshaker](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/habitualshaker/32/10762_2.png) [@habitualshaker](https://forums.realmacsoftware.com/u/habitualshaker)\
**Post date:** [December 6, 2018, 12:30pm UTC](https://forums.realmacsoftware.com/t/banner-and-email-image-sizing/23925/3 "2018-12-06T12:30:22Z")

</div>

This kind of thing is a great use case for a stack such as [Srcerer](https://shakingthehabitual.com/stacks/srcerer/) as it would allow you to link to a range of widths (or a range of different images) and have the browser use the most appropriate for whatever screen size is being used. A bit more detail about those 2 options:

- If the aspect ratio of your image would be appropriate for use on all device sizes, then you could opt to include up to 8 different width versions of your image (e.g. from 320px right through to 2100px).The browser would then use the most appropriate one for whatever device it is being viewed on.

- There is also the option of having your graphic design company composing your image differently for each device. (and if I am imagining your need correctly then this would probably be the best approach). Srcerer, allows for this too by enabling you to link up to 4 differently composed images and it then gives you full control over when / where each image is presented.

---

<div class="post-metadata">

**Author:** ![system](https://dub1.discourse-cdn.com/flex005/user_avatar/forums.realmacsoftware.com/system/32/25301_2.png) [@system](https://forums.realmacsoftware.com/u/system)\
**Post date:** [January 5, 2019, 10:30pm UTC](https://forums.realmacsoftware.com/t/banner-and-email-image-sizing/23925/4 "2019-01-05T22:30:24Z")

</div>

This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.