In another post about Create HTML Email with Outlook, I briefly mentioned that images used in HTML emails need to be on a live server, and the paths to those images must be absolute. Apparently, some still have problem with their images not showing in the HTML email due to broken/invalid paths. Here are some more explanation.
Already know about different image types supported by web browsers, below are some simple steps to save your images for the web with Photoshop.
To save image for the web or to optimize it for the web, you just need to open your image in Photoshop, then go to menu File > Save for Web or File > Save for Web & Devices with CS4, or you can use the combination of keys Ctrl Alt Shift S. No matter what versions of Photoshop you’re using, a dialog box will appear to let you change your image settings and your image size. That’s basically it.
Photoshop is a very deep software, you can play and learn with it for hours, days or even years and probably still discover something new and interesting about it. This post or series of posts aims to provide you with fundamental but easy skills to understand as well as to create better imagery for the web in a matter of minutes.
Part 1 is about image types supported by web browsers: GIF, JPG, or PNG. If you know about this already, then check out Part 2 Photoshop – Save image for the web or Part 3 Photoshop – Essential tools.
As a member in the marketing team, you may be responsible for either designing or coordinating the design process of the new website. You may want a complete Flash-based website because many of your clients have Flash websites, and you really like the interactive, animated site navigation, and the visual effects including the page transitions on each and every page. Well, that’s what you like, but is it good for your online marketing and for your business as a whole?
Already know about the good, the bad, and the ugly of HTML email through the post about HTML email overview, let’s start creating an HTML email in Outlook 2003 or 2007.
Quick notes about Outlook 2003 and Outlook 2007: the process below is the same for both Outlook 2003 and Outlook 2007. The difference between these two versions of Outlook is not in the process of creating and sending HTML email but in the built-in HTML email readers. Thus, there may be a bit difference if you create HTML for Outlook 2003 and Outlook 2007, but there won’t be any difference if you create HTML in or with Outlook 2003 and Outlook 2007.
HTML email as its name implied is an email written or coded with HTML as opposed to a plain text email. There’s one thing that should be clarified before we go on: today, most emails are HTML emails; if you color or bold your text, insert images in your email, more likely you’re sending an HTML email. However, that’s not what is meant by “HTML email” or “HTML enabled email” in this article. So what do we mean by sending an HTML email? Roughly, we mean to send a web page or a well designed and well coded HTML page as an email.