/    Sign up×
Community /Pin to ProfileBookmark

Creating HTML Email Templates

I’ve created HTML emails before, but I’ve always used external images in them. Those external images are often blocked by email clients. I need to create a few email templates for work and I was sent an email created from an email template. The images for the HTML email were actually attachments and are pulled off the email server. How do I go about this?

As a preface, you can download email templates from the Internet, but this needs to be used for an email client like Thunderbird or which ever email client Mac OS uses. I’m completely lost here. It feels like I’m missing a very important piece of the puzzle.

I know HTML, CSS and all that jazz, I just don’t know how to switch out a logo, basically. How do you create an email template so the images aren’t pulled off a remote server, and instead are attached?

I’ve saved the email that was sent to me and opened it in a text editor. It appears the image attachment is ASCII encoded. Do I just change that portion of the message?

Any ideas, links or info would be great.

to post a comment
HTML

2 Comments(s)

Copy linkTweet thisAlerts:
@CoyotelabSep 09.2008 — This should help:
Use a Base64 encoder to turn your binary photo into a huge text string

Replace your normal image source with that string

Save your file and send as normal[/QUOTE]
Copy linkTweet thisAlerts:
@toicontienauthorSep 09.2008 — Ah, thank you Coyotelab. I have seen how emails embed images so that the image data doesn't need to go in the source. I think this is that last piece of the puzzle. ?
×

Success!

Help @toicontien spread the word by sharing this article on Twitter...

Tweet This
Sign in
Forgot password?
Sign in with TwitchSign in with GithubCreate Account
about: ({
version: 0.1.9 BETA 6.17,
whats_new: community page,
up_next: more Davinci•003 tasks,
coming_soon: events calendar,
social: @webDeveloperHQ
});

legal: ({
terms: of use,
privacy: policy
});
changelog: (
version: 0.1.9,
notes: added community page

version: 0.1.8,
notes: added Davinci•003

version: 0.1.7,
notes: upvote answers to bounties

version: 0.1.6,
notes: article editor refresh
)...
recent_tips: (
tipper: @nearjob,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,

tipper: @meenaratha,
tipped: article
amount: 1000 SATS,
)...