Eliminazione Spazi nella definizione degli stili

[mosquito70]

Non so se la domanda sia banale o meno, e nel caso lo fosse, scusate in anticipo.

Vi illustro il problema.
Devo inviare delle mail, che presentano nel corpo del messaggio, un testo html piuttosto complesso e comprensivo di formattazione CSS.

Ora, per ragioni che non sto qui a spiegare, queste mail (ovvero i file che comporranno i testi delle stesse) arrivano a raggiungere anche 1 Mb e visto che sono circa 300 ogni volta, capirete i problemi di performance nell'invio.

Per ovviare a tale problema, sto cercando varie soluzioni.
Una è quella di ridurre il più possibile il testo all'interno del file della mail, eliminando ad esempio gli spazi delle indentazioni, le formattazioni non necessarie (ad esempio utilizzando il font "Verdana", non inserisco i possibili sostituti), etc...

Ora vorrei sapere se elimino anche gli spazi, che inserisco nella direttiva "Style", potrei avere qualche inconveniente?

Ovvero se invece di

font-size: 12px; height: 24px; background-color: #E7F0E1; font-size: 11px 

scrivessi

font-size:12px;height:24px;background-color:#E7F0E1;font-size:11px 

Nota: le mail arrivano a svariati clienti e possono essere visualizzate in Outlook, IE, FF,
insomma in tutti i modi possibili.

Infine una ultima informazione.
Ho letto su altri 3d di questo forum, che gli stili non posso essere definiti come header della pagina (tra <style> .... </style>) in quando alcuni browser e gestori di posta li eliminano, considerandoli come virus/spam/etc....

E' proprio così?
Chiaramente se potessi applicare invece questa modalità, la dimensione del codice si ridurrebbe notevolmente.

Grazie per qualsiasi suggerimento ai due quesiti.

Ciao

[mosquito70]

Ciao,
vi invio il codice "ripulito", che compone il corpo del documento che invio come testo della mail. Ci sono altre informazioni, ma queste sono quelle che sono quasi sempre presenti.
Per quasi intendo, che ad esempio la descrizione dell'oggetto dei lavori puà variare, come gli indirizzi oppure mancare qualche gruppo di dati.
Ma in linea generale, al 90% questo che vi posto viene ripetuto n-volte per mail ed ad esempio, su 256 mail da inviare, ripulendo dai caratteri non necessari, sono passato da un totale di 102 Mb a 96Mb.
Ma è ancora, chiaramente troppo poco

Tra l'altro la dimensione del corpo della mail, varia da cliente a cliente, passando da un file da 21 Kb ad uno di 1.7 Mb
Dove il numero dei file superiori ai 400Kb sono circa la metà del totale prodotti.

Avete qualche suggerimento da darmi?

Grazie in anticipo

Questo è il codice (dove ho re-inserito l'indentatura, per renderlo più "leggibile")

<table width=100% border=0 cellspacing=0 cellpadding=2 style="margin:0">
<tr>
    <td colspan=2 style="border-top:1.5px #000 solid;background-color:#F3F8F1;margin-top:0;padding-top:3px;font-size:14px;color:#020183;line-height:13px;font-family:Verdana">
        <font style="font-weight:bolder">Comune di XXXXX</font> (<font style="font-weight:bolder">CH</font>)
    </td>
</tr>
<tr>
    <td colspan=2 style="border-bottom:1px #C0C0C0 solid;background-color:#F3F8F1;margin-bottom:0;padding-bottm:3px;font-size:9px;color:#020183;line-height:10px;font-family:Verdana">
        VIA SSSS - 66010PIPPOTel.1234Fax 456
    </td>
</tr>

<tr>
    <td width=12% style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:11px;font-style:oblique;font-family:Arial">
        Gara:
    </td>
    <td width=88% style="margin-bottom:3px;font-size:12px;background-color:#FFFFFF;color:#822222;line-height:12px;font-family:Tahoma">
        [url="http://localhost\yyy.asp?logi=xxxx&numeband=12334"]12334[/url]
        <font style="margin-bottom:3px;font-size:12px;color:#822222;line-height:12px;font-family:Verdana">Procedura-Aperta </font>
    </td>
</tr>
<tr>
    <td width=12% style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:11px;font-style:oblique;font-family:Arial">
        Oggetto:
    </td>
    <td style="margin-bottom:3px;font-size:12px;background-color:#FFFFFF;color:#020183;line-height:15px;text-align:justify;font-family:Verdana,Tahoma,Arial">
        Lavori di recupero e valorizzazione del
    </td>
</tr>
<tr>

<tr>
    <td width=12% style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:11px;font-style:oblique;font-family:Arial">
        Cat.:
    </td>
    <td style="margin-bottom:3px;font-size:12px;background-color:#FFFFFF;color:#020183;line-height:18px;font-family:Arial">
        <font style="font-weight:bolder">OG3</font>
    </td>
</tr>
<tr>
    <td width=12% style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:11px;font-style:oblique;font-family:Arial">
        Importo:
    </td>
    <td style="margin-bottom:3px;font-weight:bolder;font-size:13px;background-color:#FFFFFF;color:#020183;line-height:18px;font-family:Verdana">
        <table width="100%" border=0 cellspacing=0 cellpadding=0>
        <tr>
            <td width=50% >
                <font style="font-size:13px;font-weight:bolder;color:#020183;font-family:Verdana">181.250,00 </font><font style="font-size:13px;color:#020183;font-family:Verdana">complessivo </font>
            </td>
            <td width=50%  align="right">
                [img]http://localhost/images/a.jpg[/img]
                <font class=testolink>
                <input align="center" name="Submit" value="Scarica Bando" style="font-size:11px;color:#000000;font-family:Verdana;border-bottom:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;background-color:#D8D8D8" style="width:85px" title="INSERIRE LA PASSWORD">
                </font>
                [img]http://localhost/images/b.gif[/img]
                <font class=testolink>
                <input name="Submit" value="Scadenzario" style="font-size:11px;color:#000000;font-family:Verdana;border-bottom:1px solid #000000;border-right:1px solid #000000;border-top:1px solid #FFFFFF;border-left:1px solid #FFFFFF;background-color:#D8D8D8" style="width:85px" title="INSERIRE LA PASSWORD">
                </font>
            </td>
        </tr>
        </table>
    </td>
</tr>
<tr>
    <td style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:16px;font-style:oblique;font-family:Arial">
        Finanziam.:
    </td>
    <td style="margin-bottom:2px;8.5pt;background-color:#FFFFFF;color:#020183;line-height:16px;font-family:Arial">
        regione
    </td>
</tr>
<tr>
    <td style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:16px;font-style:oblique;font-family:Arial">
        Sistema:
    </td>
    <td style="margin-bottom:2px;8.5pt;background-color:#FFFFFF;color:#020183;line-height:16px;font-family:Arial">
        ribasso percentuale art.82 (anom. 122)
    </td>
</tr>
<tr>
    <td style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:16px;font-style:oblique;font-family:Arial">
        Pubblic.ne:
    </td>
    <td style="background-color:#FFFFFF">
        <table>
        <tr>
            <td width=100 style="margin-bottom:3px;font-size:11px;color:#020183;line-height:16px;font-family:Verdana">
                20/06/2008
            </td>
            <td style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:16px;font-style:oblique;font-family:Arial">
                Scadenza:
            </td>
            <td width=130 style="border-top:1.5px #006699 solid;border-bottom:1.5px #006699 solid;border-left:1.5px #006699 solid;border-right:1.5px #006699 solid;font-weight:bolder;font-size:12px;color:#CC0000;line-height:16px;font-family:Verdana">
                16/07/3010 <font style="font-size:10px;color:#CC0000;line-height:12px;font-family:Verdana"> 12:00</font>
            </td>
        </tr>
        </table>
    </td>
</tr>
<tr>
    <td style="font-size:10px;color:#006699;background-color:#F9FCF8;line-height:11px;font-style:oblique;font-family:Arial">
        Annotazioni:
    </td>
    <td style="margin-bottom:3px;font-size:11px;background-color:#FFFFFF;color:#020183;line-height:15px;text-align:justify;font-family:Verdana,Tahoma,Arial">
        BANDO DI GARA + ALLEGATI A DISPOSIZIONE
    </td>
</tr>
</table> 

[fcaldera]

circa la domanda sugli stili:

per una newsletter, alcuni system integrator mi hanno chiesto di definirli inline (nel tag stesso),
Inoltre di aprire un blocco <style>...</style> nel body (css incorporati) e fare un include <link... /> di un css nell'header con le stesse regole che avevavo un commento in apertura e chiusura del blocco

Sembra che così facendo si riesca ad avere uniformità degli stili nei vari client

Per la compressione: forse puoi provare a rendere il codice minified (ovvero tutto in una sola riga) per esempio qui http://fmarcia.info/jsmin/test.html.
Provandolo sul tuo blocco di codice ho ottenuto una riduzione del 14%

[mosquito70]

Originariamente inviato da fcaldera
circa la domanda sugli stili:

per una newsletter, alcuni system integrator mi hanno chiesto di definirli inline (nel tag stesso),
Inoltre di aprire un blocco <style>...</style> nel body (css incorporati) e fare un include <link... /> di un css nell'header con le stesse regole che avevavo un commento in apertura e chiusura del blocco

Sembra che così facendo si riesca ad avere uniformità degli stili nei vari client

Scusa, ma non ho capito la tua spiegazione.
Non ho capito come fare l'include e l'apertura di un blocco <style>...</style>, che possa essere "leggibile" ed "utilizzabile" come formattazione CSS, di testo presente nel corpo di una mail.

Mi potresti fare un esempio, anche banalissimo?

Per la compressione: forse puoi provare a rendere il codice minified (ovvero tutto in una sola riga) per esempio qui http://fmarcia.info/jsmin/test.html
Provandolo sul tuo blocco di codice ho ottenuto una riduzione del 14%

Grazie per questo suggerimento, anche se non so se e come poterlo applicare nella scrittura del codice (scritto in asp), dove utilizzo istruzioni di questo tipo

MyFile.WriteLine("<table width=100% border=0 cellspacing=0 cellpadding=0 style=""margin-top:0; margin-top:-15px"">")

per scrivere su file.

Ma non voglio andare off-topics, e quest'ultimo punto lo verifico nell'apposita sezione asp.

Grazie ancora per i suggerimenti e se puoi postarmi un esempio, del primo consiglio che mi hai dato, te ne sarei grato.

Ciao

[fcaldera]

questo è il formato che mi è stato richiesto

<html>

    <head>
        <style type="text/css">
        <!-- 
            .testo { font:11px Arial, sans-serif; }
            .bordered { border : 5px solid #ffffff; }
            .title { text-decoration: none; }
        -->
        </style>
    </head>
    <body>
    
    <link rel="stylesheet" type="text/css" href="style.css" media="all" />
   
    <table width="550" cellspacing="0" cellpadding="0" border="0">
        <tr><td width="550">     
            <table width="550" cellspacing="0" cellpadding="0" bgcolor="#ffffff" border="0">
            ...

           <td width="130" height="52" valign="bottom" align="right">
                      <font face="Arial, sans-serif" size="2" class="testo" color="#999999" style="font:11px Arial, sans-serif;">testo</font>
                </td>

[mosquito70]

Originariamente inviato da fcaldera
questo è il formato che mi è stato richiesto

<html>

    <head>
        <style type="text/css">
        <!-- 
            .testo { font:11px Arial, sans-serif; }
            .bordered { border : 5px solid #ffffff; }
            .title { text-decoration: none; }
        -->
        </style>
    </head>
    <body>
    
    <link rel="stylesheet" type="text/css" href="style.css" media="all" />
   
    <table width="550" cellspacing="0" cellpadding="0" border="0">
        <tr><td width="550">     
            <table width="550" cellspacing="0" cellpadding="0" bgcolor="#ffffff" border="0">
            ...

           <td width="130" height="52" valign="bottom" align="right">
                      <font face="Arial, sans-serif" size="2" class="testo" color="#999999" style="font:11px Arial, sans-serif;">testo</font>
                </td>

Ora è chiarissimo

Provo ad applicarlo e vi faccio sapere come va.

Grazie ancora
Ciao

[fcaldera]

ovviamente style.css contiene le stesse regole incorporate ovvero

.testo { font:11px Arial, sans-serif; }
.bordered { border : 5px solid #ffffff; }
.title { text-decoration: none; }

[mosquito70]

Originariamente inviato da fcaldera
ovviamente style.css contiene le stesse regole incorporate ovvero

.testo { font:11px Arial, sans-serif; }
.bordered { border : 5px solid #ffffff; }
.title { text-decoration: none; }

Sì, chiaro.
Quindi una duplicazione di regole, inserite sia nel file che si crea (e si inserisce come testo della mail), sia nel file style.css presente sul server?

[fcaldera]

Originariamente inviato da mosquito70
Sì, chiaro.
Quindi una duplicazione di regole, inserite sia nel file che si crea (e si inserisce come testo della mail), sia nel file style.css presente sul server?

sì, perché probabilmente alcune webmail rimuovono le inclusioni altre invece i blocchi di stile incorporati

per l'altro problema sposto la discussione su asp / asp.net?

[mosquito70]

Originariamente inviato da fcaldera
per l'altro problema sposto la discussione su asp / asp.net?

Non sapendo se, in questo caso, fosse contro il regolamento, ho aperto un 3D diverso su ASP.

Se necessario puoi eliminare quello appena creato e spostare questo.

Grazie
Ciao