Solved

My html emailer is too big how do I shrink it

Posted on 2006-06-09
6
255 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
How your wiki can always stay up-to-date

Quip doubles as a “living” wiki and a project management tool that evolves with your organization. As you finish projects in Quip, the work remains, easily accessible to all team members, new and old.
- Increase transparency
- Onboard new hires faster
- Access from mobile/offline

 
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

Windows Server 2016: All you need to know

Learn about Hyper-V features that increase functionality and usability of Microsoft Windows Server 2016. Also, throughout this eBook, you’ll find some basic PowerShell examples that will help you leverage the scripts in your environments!

Join & Write a Comment

Check out this infographic on what you need to make a good email signature that will work perfectly for your organization.
This process describes the steps required to Import and Export data from and to .pst files using Exchange 2010. We can use these steps to export data from a user to a .pst file, import data back to the same or a different user, or even import data t…
To add imagery to an HTML email signature, you have two options available to you. You can either add a logo/image by embedding it directly into the signature or hosting it externally and linking to it. The vast majority of email clients display l…
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: …

746 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

12 Experts available now in Live!

Get 1:1 Help Now