?
Solved

My html emailer is too big how do I shrink it

Posted on 2006-06-09
6
Medium Priority
?
270 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 2000 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
Concerto Cloud for Software Providers & ISVs

Can Concerto Cloud Services help you focus on evolving your application offerings, while delivering the best cloud experience to your customers? From DevOps to revenue models and customer support, the answer is yes!

Learn how Concerto can help you.

 
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

New feature and membership benefit!

New feature! Upgrade and increase expert visibility of your issues with Priority Questions.

Question has a verified solution.

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

Mailbox Corruption is a nightmare every Exchange DBA wishes he never has. Recovering from it can be super-hectic if not entirely futile. And though techniques like the New-MailboxRepairRequest cmdlet have been designed to help with fixing minor corr…
Today as you open your Outlook, you witness an error message: “Outlook is using an old copy of your Outlook Data File…”. Probably, Outlook is accessing an old OST file.
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 …
This video shows how to remove a single email address from the Outlook 2010 Auto Suggestion memory. NOTE: For Outlook 2016 and 2013 perform the exact same steps. Open a new email: Click the New email button in Outlook. Start typing the address: …
Suggested Courses

840 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