Want to win a PS4? Go Premium and enter to win our High-Tech Treats giveaway. Enter to Win

x
?
Solved

My html emailer is too big how do I shrink it

Posted on 2006-06-09
6
Medium Priority
?
269 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
[X]
Welcome to Experts Exchange

Add your voice to the tech community where 5M+ people just like you are talking about what matters.

  • Help others & share knowledge
  • Earn cash & points
  • Learn & ask questions
  • 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
 [eBook] Windows Nano Server

Download this FREE eBook and learn all you need to get started with Windows Nano Server, including deployment options, remote management
and troubleshooting tips and tricks

 
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

Are you looking for the options available for exporting EDB files to PST? You may be confused as they are different in different Exchange versions. Here, I will discuss some options available.
With so many activities to perform, Exchange administrators are always busy in organizations. If everything, including Exchange Servers, Outlook clients, and Office 365 accounts work without any issues, they can sit and relax. But unfortunately, it…
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…
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…

636 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