Solved

My html emailer is too big how do I shrink it

Posted on 2006-06-09
6
262 Views
Last Modified: 2010-04-08
I asked the below question in the HTML section and they told me to come to you:

I ve created a html emailer but its too big! Its need to be around 15KB. At the moment its around 150KB how can I do that? Below is the code:

<table width="100%" border="0" cellspacing="0" cellpadding="0">
  <tr>
    <td height="797" align="center"><table width="740" border="0" cellspacing="0" cellpadding="0">
      <tr>
        <td colspan="7"><table width="740" border="0" cellspacing="0" cellpadding="0">
          <tr>
            <td><table width="740" border="0" cellspacing="0" cellpadding="0">
                <tr>
                  <td width="740" height="35" colspan="2"><table width="740" border="0" cellpadding="0" cellspacing="0" bgcolor="#FFFFFF">
                      <tr>
                        <td width="20" height="35" valign="top"></td>
                        <td width="303" style="font-family: Verdana, sans-serif; font-size: 11px; color: #330000"><a href="http://www.my-wardrobe.com/emailers/emailer_09.06.06.html" style="color: #330000; text-decoration: underline">If you cannot see this email, please click here.</a></td>
                        <td width="395" style="font-family: Verdana, sans-serif; font-size: 11px; color: #330000"><div align="right">Contact us:&nbsp;+44 (0)20 7692 0800 <a href="mailto:info@my-wardrobe.com" style="color: #330000; text-decoration: underline">&nbsp;info@my-wardrobe.com</a></div></td>
                        <td width="22" valign="top"></td>
                      </tr>
                  </table></td>
                </tr>
               
            </table></td>
          </tr>
          <tr>
            <td height="134"><a href="http://www.my-wardrobe.com/"><img src= "http://www.my-wardrobe.com/emailers/images/strip1.gif" alt="my-wardrobe's new arrivals" width="740" height="134" border="0"/></a></td>
          </tr>
          <tr>
            <td height="129"><a href="http://www.my-wardrobe.com/mall/productpage.cfm/mywardrobe/not01/81812"><img src="http://www.my-wardrobe.com/emailers/images/strip2.gif" alt="Anemone Glossy
Jeans by Notify" width="740" height="129" border="0"/></a></td>
          </tr>
          <tr>
            <td height="134"><a href="http://www.my-wardrobe.com/mall/productpage.cfm/MyWardrobe/rad0201/76777"><img src="http://www.my-wardrobe.com/emailers/images/strip3.gif" alt="Slouch Shorts
by Radcliffe Denim" width="740" height="134" border="0"/></a></td>
          </tr>
          <tr>
            <td height="181"><a href="http://www.my-wardrobe.com/mall/departmentpage.cfm/MyWardrobe/81865/1/1"><img src="http://www.my-wardrobe.com/emailers/images/strip4.gif" alt="Tsubi sunglasses" width="740" height="181" border="0"/></a></td>
          </tr>
          <tr>
            <td width="35" height="120" background="http://www.my-wardrobe.com/emailers/images/strip5.gif"><a href="http://www.my-wardrobe.com/mall/productpage.cfm/MyWardrobe/tsu990108/81865"></a></td>
            </tr>
         
        </table></td>
      </tr>
      <tr>
        <td width="35" rowspan="7"></td>
        <td width="134" height="15" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666"><a href="http://snipurl.com/rewv" style="color: #996666 ; text-decoration: underline">Ann Louise Roswald</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "width="134"><a href="http://snipurl.com/rexq" style="color: #669999; text-decoration: underline">Earnest Sewn</a></td>
        <td width="134" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/reyp" style="color: #996666; text-decoration: underline">La Petite Salope</a></td>
        <td width="134" style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rezh" style="color: #669999; text-decoration: underline">Radcliffe Denim</a></td>
        <td width="134" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rezv" style="color: #996666; text-decoration: underline">Sitting Pretty</a> </td>
        <td width="35" rowspan="7"></td>
      </tr>
      <tr>
        <td height="15" style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999"><a href="http://snipurl.com/rex6" style="color: #669999; text-decoration: underline">Antonia de Vetta</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666"><a href="http://snipurl.com/rexr" style="color: #996666; text-decoration: underline">Ella Moss</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/reyu" style="color: #669999; text-decoration: underline">Little Gem</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rezi" style="color: #996666; text-decoration: underline">Rogan NYC</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rezy" style="color: #669999; text-decoration: underline">Splendid</a> </td>
        </tr>
      <tr>
        <td height="15" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666"><a href="http://snipurl.com/rexf" style="color: #996666 ; text-decoration: underline">Bash</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rexw" style="color: #669999; text-decoration: underline">Frostfrench</a> </td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/reyx" style="color: #996666; text-decoration: underline">Love From Australia</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rezk" style="color: #669999; text-decoration: underline">Sabatini White</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://www.my-wardrobe.com/mall/productpage.cfm/mywardrobe/sawblbelt/72031" style="color: #996666; text-decoration: underline">Stoned and Waisted</a></td>
        </tr>
      <tr>
        <td height="15" style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999"><a href="http://snipurl.com/rexg" style="color: #669999; text-decoration: underline">C and C California</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/reyb" style="color: #996666 ; text-decoration: underline">Gharani Strok</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/reyz" style="color: #669999; text-decoration: underline">Mawi</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rezm" style="color: #996666; text-decoration: underline">Sara Berman</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rf00" style="color: #669999; text-decoration: underline">Tocca</a></td>
        </tr>
      <tr>
        <td height="15" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666"><a href="http://snipurl.com/rexj" style="color: #996666 ; text-decoration: underline">Cacharel</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999"><a href="http://snipurl.com/reyf" style="color: #669999; text-decoration: underline">Heart Made</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rez3" style="color: #996666; text-decoration: underline">Missoni Accessories</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rezn" style="color: #669999; text-decoration: underline">Sass and Bide</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rf01" style="color: #996666; text-decoration: underline">True Religion</a></td>
        </tr>
      <tr>
        <td height="15" style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rexm" style="color: #669999; text-decoration: underline">Danielademarchi</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/reyi" style="color: #996666 ; text-decoration: underline">J Brand</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://www.my-wardrobe.com/mall/productpage.cfm/mywardrobe/not02/76777" style="color: #669999; text-decoration: underline">Notify</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rezq" style="color: #996666; text-decoration: underline">Scorah Pattullo</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rf02" style="color: #669999; text-decoration: underline">Tsubi</a></td>
        </tr>
      <tr>
        <td height="15" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rexp" style="color: #996666 ; text-decoration: underline">Day Birger et Mikkelsen</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/reyn" style="color: #669999; text-decoration: underline">J and M Davidson</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rezf" style="color: #996666; text-decoration: underline">Paul and Joe</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 "><a href="http://snipurl.com/rezs" style="color: #669999; text-decoration: underline">See by Chloe</a></td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><a href="http://snipurl.com/rf04" style="color: #996666; text-decoration: underline">Wolfwhistle</a></td>
        </tr>
      <tr>
        <td height="15" colspan="7" background="http://www.my-wardrobe.com/emailers/images/horizontalline.gif">&nbsp;</td>
        </tr>
      <tr>
        <td>&nbsp;</td>
        <td height="75" colspan="5" style="font-family: Georgia, serif; font-size: 10px; color: #330000">To ensure that our messages get to you (and don't go to your junk or bulk email folders), please add <a href="mailto:info@my-wardrobe.com" style="color: #330000; text-decoration: underline">info@my-wardrobe.com</a> to your address book<br />
          <br />
          If you do not want to receive further promotional emails from my-wardrobe, please reply to this message with the subject &quot;<a href="mailto:unsubscribe@my-wardrobe.com" style="color: #330000; text-decoration: underline">Unsubscribe</a>&quot;.<br /></td>
        <td>&nbsp;</td>
      </tr>
      <tr>
        <td height="10" colspan="7" background="http://www.my-wardrobe.com/emailers/images/horizontalline.gif">&nbsp;</td>
        </tr>
      <tr>
        <td height="10" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 ">&nbsp;</td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 ">&nbsp;</td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 ">&nbsp;</td>
        <td style="font-family: Georgia, sans-serif; font-size: 11px; color: #669999 ">&nbsp;</td>
        <td height="30" colspan="2" style="font-family: Georgia, sans-serif; font-size: 11px; color: #996666 "><div align="right">&copy; Copyright My&ndash;Wardrobe 2006</div></td>
        </tr>
    </table></td>
  </tr>
</table>

 Send to a Friend      Printer Friendly      
            
Comment from nschafer
Date: 06/09/2006 06:57AM PDT
Comment      

Hi sa_designer,

Use CSS classes to get rid of all of the repeated Styles in your code.  This will make a big difference

Hope this helps,
Neal.

Comment from nschafer
Date: 06/09/2006 06:59AM PDT
Comment      

sa_designer,

By the way, the code you posted comes to about 12KB according to my system, so where is the other 138KB coming from?

Neal.

Comment from sa_designer
Date: 06/09/2006 07:04AM PDT
Your Comment      

Images! I don't know how other people do it. The images are small ie 15KB but what happens is my boss is using Out Look to send them out I creat them with ThunderBird after insert the html I then send it to my boss who says its 150KB so basically the images upload and make the email bigger? He wonts to forward it on to other people and he's refusing to send a 150KB emailer as its too big!

Comment from nschafer
Date: 06/09/2006 07:14AM PDT
Comment      

My guess is that your problem is in outlook not your code.  (I first mentioned using classes, I'm not sure if you can do that in an e-mail or not)

If this code were sent without the images attached then the recipent's mail program would download them as needed.  My guess is that outlook is downloading the images on your boss' computer and sending them as part of the message.  

I'm not sure how you would get around this in Outlook, and perhaps I am wrong about this.   I would generally use a server side control to send out to a mailing list rather then using Outlook.  You might try posting a pointer question in the Outlook TA.
0
Comment
Question by:sa_designer
  • 3
  • 3
6 Comments
 

Author Comment

by:sa_designer
ID: 16871163
ANY COMMENTS?
0
 
LVL 76

Accepted Solution

by:
David Lee earned 500 total points
ID: 16872822
Hi sa_designer,

Add the following to all of your <IMG> tags:

    nosend="1"

This is an undocumented Outlook parameter.  It will prevent Outlook from attaching the images.  When i applied it to your HTML it shrank from 129k to 17k.

Cheers!
0
 

Author Comment

by:sa_designer
ID: 16876165
So I put it in the <img src= section?

Just checking because I don't have outlook my boss does and he's in a different country! So I have to send the file to him. When he inserts into a email is it ok to just take the source from a web page than sending it over in a file?

Many thanks
0
VMware Disaster Recovery and Data Protection

In this expert guide, you’ll learn about the components of a Modern Data Center. You will use cases for the value-added capabilities of Veeam®, including combining backup and replication for VMware disaster recovery and using replication for data center migration.

 
LVL 76

Expert Comment

by:David Lee
ID: 16877371
> So I put it in the <img src= section?
Yes, in each img tag.  Like this:

"><img src= "http://www.my-wardrobe.com/emailers/images/strip1.gif" alt="my-wardrobe's new arrivals" width="740" height="134" border="0" nosend="1"/>

You don't have to have Outlook to add the tag.  Browsers will ignore it altogether, so you can add it at any time.  Yes, he can take the source from a web page.
0
 

Author Comment

by:sa_designer
ID: 16880119
Thank you very much :)
0
 
LVL 76

Expert Comment

by:David Lee
ID: 16880933
You're welcome.  Happy to help out.
0

Featured Post

Microsoft Certification Exam 74-409

Veeam® is happy to provide the Microsoft community with a study guide prepared by MVP and MCT, Orin Thomas. This guide will take you through each of the exam objectives, helping you to prepare for and pass the examination.

Question has a verified solution.

If you are experiencing a similar issue, please ask a related question

If you don't know how to downgrade, my instructions below should be helpful.
Get people started with the process of using Access VBA to control Outlook using automation, Microsoft Access can control other applications. An example is the ability to programmatically talk to Microsoft Outlook. Using automation, an Access applic…
This Experts Exchange video Micro Tutorial shows how to tell Microsoft Office that a word is NOT spelled correctly. Microsoft Office has a built-in, main dictionary that is shared by Office apps, including Excel, Outlook, PowerPoint, and Word. When …

810 members asked questions and received personalized solutions in the past 7 days.

Join the community of 500,000 technology professionals and ask your questions.

Join & Ask a Question