Welcome to the Treehouse Community

Want to collaborate on code errors? Have bugs you need feedback on? Looking for an extra set of eyes on your latest project? Get support with fellow developers, designers, and programmers of all backgrounds and skill levels here with the Treehouse Community! While you're at it, check out some resources Treehouse students have shared here.

Looking to learn something new?

Treehouse offers a seven day free trial for new students. Get access to thousands of hours of content and join thousands of Treehouse students and alumni in the community today.

Start your free trial

Design HTML Email Design Coding HTML Email From Bricks to Building

Eric Nevitt
Eric Nevitt
4,914 Points
Posted by Eric Nevitt
Eric Nevitt
4,914 Points

Taking a PSD file and adding the images to the HTML

I've got the code down. My query is how do I take the graphics and add them to the email.

2 Answers

Scott Becker
Scott Becker
20,349 Points
Scott Becker
Scott Becker
20,349 Points

In HTML emails, the graphics are hosted on your web server and referenced with a full URL instead of a relative pathway like img src="images/email-image01.jpg

Example: img src="http://www.mywebsite.com/images/email-image01.jpg

Sean Schlimgen
Sean Schlimgen
7,100 Points
Sean Schlimgen
Sean Schlimgen
7,100 Points

As Scott mentioned you will host the images on a website and refer to them with your HTML. If your asking about how to export those individual images instead of one large file, you might want to look into slicing and exporting for web. That will allow you to cut up the individual elements and export them for the email, as obviously you don't want one large image with the background and other elements.

Hope that makes sense, and good luck!