The benefits of image-free HTML design

Debunc Team

Posted by Debunc Team on 31 Mar 2010 reading time

  • Many designers and developers struggle with creating HTML email designs that are functional yet aesthetically pleasing; especially when images have been disabled by an email client or web browser. Making sure your email design degrades gracefully is a compromise that so many of the creative community have been forced to make.

    Even the team at Debunc have spent countless hours on design tweaks and hacks that allow for real cross browser and email client compatibility. And after 16 coffees and 3 sleepless nights (and in a manner of speaking, you’re giving up on the lack of support from the email clients themselves), we said what if? What if we aimed for a truly image free HTML email design?

    The rewards would be vast for a design that met these criteria:

    • Lighter HTML (for page loading)
    • No image hosting worries
    • No grey boxes or misalignment due to disabled images
    • Better joy with SPAM filters
    • Quicker HTML builds
    • Greater flexibility over design changes

    Nonetheless one must still worry about the same CSS styling problems that would occur when creating image based HTML email design. For example height, width, and spacing should be referenced definitively in order to force tables and containers to display as per your original design. Also, inline-CSS is the only sure fire way to make sure your styling information is interpreted and rendered correctly (it’s a pain, we know!).

    But enough talk and more action we hear you say! Well we accept the challenge. Below you will see the working layout for our new newsletter meeting said requirements: Appealing design, consistent layout, cross browser and email client tested, and most importantly without using any images whatsoever.

    If you would like to have access to the HTML code that makes up this design or to see the live page in action just fill in the simple form below; we’ll add you to our mailing list, where you will then receive design, technical and creative updates from Debunc as well as access to exclusive offers and discounts.

Like what you've read
Why not join our blog? You'll be kept in the loop with Debunc news + updates as they happen!
  • This field is for validation purposes and should be left unchanged.
Got your PAWS on marketing success?

Get our power guide to help get more traffic, convert more leads and win more business!

Get the eBook
Posted by Debunc Team
Debunc Team

Since we formed, our goal has been the same - connecting companies with their customers through an effective blend of digital. If you'd like help in delivering an out-of-this-world project, or if you're looking for a home to showcase your talent, we'd love to talk! Call today on 0203 773 6772

View all news
View all articles
Got your PAWS on marketing success?

Get our power guide to help get more traffic, convert more leads and win more business!

Get the eBook
Pointing finger

Handpicked content, just for you

  • UX Design
    UX Design

    User Experience (UX) is the process of transforming your business ideas into market-ready products. Through a mix of wireframing + mockups, rapid development and testing, we can create a product at speed, continuously applying changes as we receive feedback.

  • Photography

    We see your best side! Let our team work with you to capture your perfect image for use in print and on the web. We have the right mix of creative knowhow and industry leading equipment to take the photos that reveal you and your company in the best light.

  • 14 examples of accordions that will blow your mind
    14 examples of accordions that will blow your mind

    Searching for accordion design inspiration? Look no further than our review of kick ass accordions from leading brands in various industries.

  • 6 useful tools for a stimulating colour palette
    6 useful tools for a stimulating colour palette

    Struggling to get the right palette for your project? Explore 7 great tools to help inspire you and get your project on the path to success.