6

I have to design this e-mail newsletters.

Some with just simple holiday cards and some more complex with offers and other stuff(images, text content etc. etc...) I am wondering if there is a safe standard width to work at ?

Thanks

4 Answers 4

7

The majority of the newsletters have a defined width of around 620 total pixels.

I usually use 600px, but anything below 620 is safe. Most email clients and web-based email providers don’t use the full width of the screen to display an email message. Whether it’s ads on Gmail, a menu in Hotmail or your Inbox in Outlook, a chunk of screen is often already being used (source).

Similar question in stackoverflow: https://stackoverflow.com/questions/4641272/standard-size-for-html-newsletter-template

And the general NL guidelines from that answer here.

6

There is no standard width because you have to take into account mobile devices. It should be fluid. A good HTML E-Mail framework is http://htmlemailboilerplate.com/

3
  • 1
    HTMLemailboilerplate just made my month! Where has this been all my life? Working with email HTML just became 20% less hellish... Sep 27, 2012 at 16:06
  • 1
    @user568458 , i would also recomened Zen Coding... just in case you're not familiar with it.. google Zen Coding, there are addons for NotePadd++, Dreamweaver, Coda and most code editors out there Sep 27, 2012 at 16:12
  • @FlaviusFrantz Nice, glad to see it works with Sublime Text (also highly recommended - the only text editor I've ever used that felt like real UI thinking went into its design) Sep 27, 2012 at 16:31
5

Although I asked the question, it's been a while, since then I've improved my knowledge on the topic:

After my research I would say the best way to design newsletters is to use Responsive Design instead of relying on one single standard width size...

It's better to make your design responsive because nowadays people read their email on a wide range of devices(SmartPhones, Pads, Desktop PC etc)

more info about Responsive Design for newsletters in this article: http://designmodo.com/responsive-email/

The width is what you need to worry about, as for the height, need not to worry, the user can scroll his way through your content, since the apparition of Facebook, Twitter and SmartPhones, the user is much more used to scroll(vertical scroll that is, NOT horizontal) his way to see the content, but of course, keep in mind that he might not do that, so place the important stuff as high as posibile in your design.

This would be the very basic stuff that I can add to the above answers, but again, just to be sure, do your own research, google stuff you wanna know, and you'll end up creating a neat newsletter with great response from your audience.

Footnote: I will not mark any answer as "The Accepted Answer" yet because this topic is worth researching for before getting to work.

0

I usually proved the design in 1000px width. The sender then usually decrease it upto 50%.

3
  • 1
    Could you expand on this a bit?
    – Mayo
    Feb 19, 2020 at 13:57
  • Hi Jishnu, we have no problem with you answering a question that is 9 years old. Standards and practices change and evolve, and new answers can reflect this. That said, we do expect a minimum of objective information and reasoning. Could you edit your answer to provide more information on why you design emails at 1000px and what you mean with the sender decreases it? Thanks!
    – PieBie
    Feb 20, 2020 at 8:17
  • I am embarrassed ! i didn't check the date! damn. What i mean was while i get a design from a department for emailer i do that in photoshop or illustrator with a width of 1000px. Since all the corporate company i work with use outlook for email communication, instead of making HTML they attach as image and send. Feb 21, 2020 at 12:16

Your Answer

By clicking “Post Your Answer”, you agree to our terms of service, privacy policy and cookie policy

Not the answer you're looking for? Browse other questions tagged or ask your own question.