Solved

My html emailer is too big how do I shrink it

Posted on 2006-06-09
6
258 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
Control application downtime with dependency maps

Visualize the interdependencies between application components better with Applications Manager's automated application discovery and dependency mapping feature. Resolve performance issues faster by quickly isolating problematic components.

 
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

Zoho SalesIQ

Hassle-free live chat software re-imagined for business growth. 2 users, always free.

Question has a verified solution.

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

Suggested Solutions

Resolve DNS query failed errors for Exchange
Sometimes Outlook might have problems sending a message. There may be various causes- corrupted PST, AV scanner etc. The message, instead of going to the Sent Items folder, sits in the Outbox indefinitely. To remove it you can use a free tool cal…
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 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: …

911 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

Need Help in Real-Time?

Connect with top rated Experts

21 Experts available now in Live!

Get 1:1 Help Now