Problema visualizzazione immagini su apparati Apple

**ljt** · 01-10-2019, 18:03

Salve a tutti.
premetto subito che non sono un esperto di HTML e chiedo clemenza per eventuali boiate che potrei avere scritto.
IL PROBLEMA:
Ho scritto un programma di invio email con vb.net dove all'interno ho integrato del codice html per inserire delle immagini nel corpo dell'email.
Tutto funziona perfettamente, ma mi sono accorto di avere un grosso problema SOLO con apparati Apple. In pratica non viene visualizzata l'immagine se presente la firma della posta che contiene anche essa un'immagine.
IN BREVE
Invio un'email con testo e immagine nel corpo con testo Apple la visualizza.
Invio un'email con testo + la firma (che comprende un'immagine), Apple la visualizza.
Invio un'email con testo + immagine + firma, Apple non visualizza il testo e l'immagine ma solo la firma.
DA TENERE CONTO:
Con tutti i browser (edge, Internet Explorer, Firefox, Google Chrome etc etc) non ho NESUN PROBLEMA.
Con programmi di posta (Outlook, Outlook express) non ho NESSUN PROBLEMA.
Ecco il codice che ho usato, mi scuso degli eventuali ORRORI, ma come detto non programmo in HTML.

codice HTML:

<html>
  <head />
  <body>
    <div>
      <p>
        <br/>
        <br/>
      </p>
      <img alt="" hspace="0" src="cid:uniqueId1"<br/>
      <br/>
    </div>" 
    <a href="https://www.miosito.it">Mio SIto</a>
    <br/>
    <br/><b>Mio Sito Newsletter.</b>&nbsp;
    <div>
      <img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align=baseline border=0 >
    </div>
    <div>
      <hr style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; width: 603px; height: 2px;" />
      <p>
        <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">
          <em><strong>&ldquo;Tutela dei dati personali "&nbsp; D. Lgs. n. 196/2003 e Regolamento UE n. 2016/679</strong><strong><br /></strong>
            <em>Ai sensi dell&rsquo;art.13 del D.Lgs. 196/03 bla bla bla&nbsp;
              <a href="http://www.miosito.it/import/MioSito-Privacy.pdf">www.miosito.it/import/Quadrifoglio-Privacy.pdf</a>. Grazie per la collaborazione. 
            </em>
          </em>
        </span>
      </p>
      <center>
        <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">* * * *
        </span>
      </center>
      <p>
        <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;"><strong>&ldquo;Protection of personal data" Legislative Decree no. 196/2003 and EU Regulation no. 2016/679<br /></strong>
          <em>Under Article 13 of Legislative Decree 196/03 bla bla bla &nbsp;
            <a href="http://www.miositospa.eu/import/miosito-Privacy.pdf">www.miositospa.eu/import/miosito-Privacy.pdf"</a>&nbsp;. Many thanks for your kind co-o.
          </em>
        </span>
      </p>
    </div>
  </body>
</html>

Ringrazio tutti per l'eventuale aiuto e aspetto un gradito aiuto.

P.S. Se invio email da OUTLOOK o altri programmi nell'apparato APPLE vedo REGOLARMENTE tutto.

**KillerWorm** · 04-10-2019, 21:22

Ciao, così a primo acchito vedo che i tag <img> sono mal formati.

Qui manca la chiusura (penso che l'errore principale sia questo):

codice:

<img alt="" hspace="0" src="cid:uniqueId1"<br/>

.
Potrebbe essere corretto in questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId1" /><br/>

.
Mentre qui, oltre alla mancata chiusura, è meglio racchiudere sempre i valori degli attributi con le doppie virgolette:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align=baseline border=0 >

.
In questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align="baseline" border="0" />

Altra possibile causa di errore potrebbe essere la mancanza di un DTD, cioè la prima riga del documento dovrebbe indicare un doctype, potrebbe essere questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.
Può essere utile inoltre usare un qualche validatore di markup per email per assicurarti di impostare una corretta sintassi (valida per il contesto email); vedi questo: https://www.htmlemailcheck.com/check/

**Shores** · 06-10-2019, 14:38

Ricorda anche che ogni immagine differente che usi in
src="cid:uniqueId1"

DEVE avere un cid differente: se nel messaggio includi tre diverse immagini, dovranno avere tutte un cid diverso.

**ljt** · 07-10-2019, 15:05

Originariamente inviata da KillerWorm

Ciao, così a primo acchito vedo che i tag <img> sono mal formati.

Qui manca la chiusura (penso che l'errore principale sia questo):

codice:

<img alt="" hspace="0" src="cid:uniqueId1"<br/>

.
Potrebbe essere corretto in questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId1" /><br/>

.
Mentre qui, oltre alla mancata chiusura, è meglio racchiudere sempre i valori degli attributi con le doppie virgolette:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align=baseline border=0 >

.
In questo modo:

codice:

<img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align="baseline" border="0" />

Altra possibile causa di errore potrebbe essere la mancanza di un DTD, cioè la prima riga del documento dovrebbe indicare un doctype, potrebbe essere questo:

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

.
Può essere utile inoltre usare un qualche validatore di markup per email per assicurarti di impostare una corretta sintassi (valida per il contesto email); vedi questo: https://www.htmlemailcheck.com/check/

Ciao Killer Worm,

ho applicato tutte le modifiche che mi hai segnalato, ma al momento sono al punto di partenza.
Farò altri tentativi anche con il link che mi hai suggerito.

Grazie per l'aiuto.

**ljt** · 07-10-2019, 15:06

Ciao Shores,

si, in effetti ogni immagine ha il suo cid:uniqueId univoco.

Grazie per l'aiuto.

**ljt** · 07-10-2019, 16:20

Ciao,

ho ricontrollato tutto il codice tramite il sito indicato da KillerWorm, ma non riesco ancora a visualizzare le immagine e la firma. Adesso neanche più con Outlook.
Questo , in teoria, è il codice corretto.

codice:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
  <head>
    <meta http-equiv="Content-Type" content="text/html charset=UTF-8" />
    <body>
      <table>
        <p style="margin:0;">
          <br/>
          <br/>
        </p>
        <img alt="" hspace="0" src="cid:uniqueId1" /> 
        <br/>
        <br/>
      </table>
      <a href="https://www.MiaDittaspa.it">MiaDitta Spa</a>
      <br/>
      <br/><b>MiaDitta Spa Newsletter.</b>&nbsp;
      <table>
        <img alt="" hspace="0" src="cid:uniqueId" width="500" height="125" align="baseline" border="0" />
      </table>
      <table>
        <hr style="font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 11px; width: 603px; height: 2px;" />
        <p style="margin:0;">
          <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">
            <em><b>&ldquo;Tutela dei dati personali "&nbsp; D. Lgs. n. 196/2003 e Regolamento UE n. 2016/679</b><b><br /></b>
              <em> bla bla bla&nbsp;
                <a href="http://www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf">www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf</a>. Grazie per la collaborazione. MiaDitta S.p.A.
              </em>
            </em>
          </span>
        </p>
        <center>
          <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;">* * * *
          </span>
        </center>
        <p style="margin:0;">
          <span style="font-family: arial, helvetica, sans-serif; font-size: xx-small;"><b>&ldquo;Protection of personal data" Legislative Decree no. 196/2003 and EU Regulation no. 2016/679<br /></b>
            <em>Under Article 13 bal bla bla &nbsp;
              <a href="http://www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf">www.MiaDittaspa.eu/import/MiaDitta-Privacy.pdf"</a>&nbsp;. Many thanks for your kind co-o.
            </em>
          </span>
        </p>
      </table>
    </body>
  </head>
</html>

Altri suggerimenti?

Grazie di nuovo

**KillerWorm** · 07-10-2019, 16:49

Vedo qualche errore. Il tag <head> deve essere chiuso prima dell'apertura di <body>. I contenuti dentro <table> devono sempre seguire la struttura tabellare del tipo:

codice:

<table>
   <tr>
      <td>contenuto</td>
   </tr>
</table>

ho ricontrollato tutto il codice tramite il sito indicato da KillerWorm

Sicuramente ti salta fuori qualche errore che va corretto.

**Shores** · 07-10-2019, 16:51

Potresti postare il sorgente della email così come arriva al tuo client di posta?

Per capirci, dovrebbe iniziare con gli header di mail, tipo:

From - Mon Oct 7 15:38:21 2019
X-Account-Key: account4
X-UIDL: UID2358-1322788631
X-Mozilla-Status: 0000
X-Mozilla-Status2: 00000000
X-Mozilla-Keys:
Return-Path: <apache@triboo.it>
Delivered-To: @atipica.it
Received: from s80.etcserver.com
by s80.etcserver.com with LMTP
id CKs6IT84m10pXQAAx+XMlw
(envelope-from <apache@triboo.it>)
for <@atipica.it>; Mon, 07 Oct 2019 09:06:07 -0400
Return-path: <apache@triboo.it>
Envelope-to: @atipica.it

eccetera...

Poi, altro quesito: che codice usi per comporre la email in HTML? Stai usando una libreria esistente o hai scritto tu il codice da zero?

Te lo chiedo perchè è una cosa molto complessa...

**ljt** · 07-10-2019, 17:34

Posto il codice html ripreso da Outlook 2013:

codice:

Return-Path: <miaemail@miosito.it>
Received: from smtp116.miosito.it (10.192.86.80) by cpms-57a3.cp.miosito.it (9.0.031)
        id 5D79ECFD01509D1C for miaemail@miosito.it; Mon, 7 Oct 2019 16:55:32 +0200
Received: from ebifccidggc.ams03.turbo-smtp.net (185.228.36.62) by smtp116.miosito.it (8.6.060.43)
        id 5D3AC3461349417F for miaemail@miosito.it; Mon, 7 Oct 2019 16:55:31 +0200
DKIM-Signature: v=1; a=rsa-sha256; c=relaxed/relaxed;
 d=miosito.it; s=turbo-smtp; x=1571064931; h=DomainKey-Signature:
 Received:Received:MIME-Version:From:To:Date:Subject:Content-Type:
 Message-ID; bh=vYKNkwWpf9zLWObBa1MOuEhavq907zKrteoQX/oLVAc=; b=U
 wtKi/7M2foe/6FCBaOIGWk0RgFxgAG0bJTdKIiARV9gbkUz/Nn81Aab0WJpcmq7t
 p220SeNtehKdZc6DEkPq1Eu4Ekb039fNI8BfXlW4UOxVTlYenFXo8ZDql4RpNFfV
 xA0PtgPNOPrut2O63ft5aZY2MlY1rgTy4LNTAIEqsc=
DomainKey-Signature: a=rsa-sha1; q=dns; c=nofws;
 s=turbo-smtp; d=miositospa.it;
 h=Received:Received:X-TurboSMTP-Tracking:X-Virus-Scanned:MIME-Version:From:To:Date:Subject:Content-Type:Message-ID;
 b=bMfmUbr0Jwk1s7C0IJOY6fpJhzA/68EfjuGFMNwGhIVAk4jVDHOIohBwV5sfbM
 cdNFxWY/3mQm9reA3hXyb/rtX8kZeYzAY+zKdizbz1VoyofGOUojPaYXmPtziqO8
 mkZJ47NCiEz5eqaMdMsWIp2xDP2KU7EKV3hpA3pWlh63M=;
Received: (qmail 28576 invoked from network); 7 Oct 2019 14:55:30 -0000
Received: 
X-TurboSMTP-Tracking: 5334376046
X-Virus-Scanned: amavisd-new at
MIME-Version: 1.0
From: miaemail@miositospa.it
To: indirizzodestinatario@miosito.it
Date: 7 Oct 2019 16:55:26 +0200
Subject: Prova invio email
Content-Type: multipart/alternative; boundary=--boundary_0_6e95beda-44aa-4b1a-9cda-8d7b115837c5
Message-ID: <20191007145527.E72AB300DB4E@mail.miositospa.it>

Spero che sia quello giusto.

Il codice (purtroppo) l'ho scritto io ed l'ho integrato nel progetto vb.net.

Grazie

Originariamente inviata da Shores

Potresti postare il sorgente della email cosï¿½ come arriva al tuo client di posta?

Per capirci, dovrebbe iniziare con gli header di mail, tipo:

From - Mon Oct 7 15:38:21 2019
X-Account-Key: account4
X-UIDL: UID2358-1322788631
X-Mozilla-Status: 0000
X-Mozilla-Status2: 00000000
X-Mozilla-Keys:
Return-Path: <apache@triboo.it>
Delivered-To: @atipica.it
Received: from s80.etcserver.com
by s80.etcserver.com with LMTP
id CKs6IT84m10pXQAAx+XMlw
(envelope-from <apache@triboo.it>)
for <@atipica.it>; Mon, 07 Oct 2019 09:06:07 -0400
Return-path: <apache@triboo.it>
Envelope-to: @atipica.it

eccetera...

Poi, altro quesito: che codice usi per comporre la email in HTML? Stai usando una libreria esistente o hai scritto tu il codice da zero?

Te lo chiedo perchï¿½ ï¿½ una cosa molto complessa...

**ljt** · 07-10-2019, 17:39

Originariamente inviata da KillerWorm

Vedo qualche errore. Il tag <head> deve essere chiuso prima dell'apertura di <body>. I contenuti dentro <table> devono sempre seguire la struttura tabellare del tipo:

codice:

<table>
    <tr>
       <td>contenuto</td>
    </tr>
< /table>

Sicuramente ti salta fuori qualche errore che va corretto.

Si, di quell'orrore me ne sono accorto dopo avere postato il codice nel forum e l'ho corretto.

Riprovo a rifare un bel controllo.

Grazie

Discussione: Problema visualizzazione immagini su apparati Apple

Strumenti discussione

Ricerca discussione

Visualizza

Problema visualizzazione immagini su apparati Apple

Permessi di invio