Apple Mail: Sygnatura w HTML-u z grafiką, ale nie jako załącznik

Lat temu kilka (naście) e-mail wysyłany musiał być w plain text, a sygnaturka mieć maksymalnie 4 wiersze oddzielone dwoma minusami i spacją. Kto się nie stosował do tych reguł w sieci był w najlepszym przypadku upominany… Cóż trochę się zmieniło. Teraz jak komuś zrobi się Reply i swoją treść umieści pod tekstem cytowanym… ech…

No cóż, było się dostosować. Standardem są przepiękne, kolorowe stopki z wklejonym logo. Ale często powstaje problem, że wszystkie takie majle są interpretowane przez czytniki jako majle z załącznikiem. Jak tutaj przefiltrować potem skrzynkę, żeby w pokaźnym archiwum wyświetlić tylko te majle, w których nadawca załączył jakiś dokument. Niestety. Wszystkie majle od nadawcy z popsutą stopką będą wyglądać tak samo. I te z załącznikami i te z grafiką w stopce.

Jak temu zaradzić?

Plik graficzny przekodować do data:image/png;base64 i umieścić bezpośrednio w HTML’u.

Tutaj na przykładzie czytnika Apple Mail. To dość ciężki przypadek z uwagi na jego wewnętrzny “edytor” html-owych sygnaturek, dlatego go opiszę. W Thunderbirdzie operacja będzie analogiczna, choć dużo prostsza (póki co nie przetestowałem).

  1. W Mail otwieramy preferencje ⌘, i w zakładce Signatures wybieramy konto, do którego stworzymy stopkę.
  2. Po utworzeniu należy sprawdzić czy nowa sygnatura jest połączona z kontem e-mail, a następnie zamknąć Mail.
  3. Finderze otwieram miejsce przechowywania sygnatur:
    • Przytrymując Alt w menu Go pojawi się pozycja Libraries i po kolei wybrać poniższą ścieżkę, albo:
    • ⇧⌘G i podać ścieżkę ~/Library/Mail/V4/MailData/Signatures
  4. Znajduję utworzoną stopkę i zapisuję ją jako plik HTML, żeby w ulubionym edytorze tworzyć, zmieniać i testować w przeglądarce. (Należy sprawdzać zachowanie naszego HTML-a w mniejszych rozdzielczościach urządzeń mobilnych)
    Content-Transfer-Encoding: quoted-printable
    Content-Type: text/html;
    charset=us-ascii
    Message-Id: <4AE7AF74-2D4C-459C-9142-E146F0C5C9D9@hcm.com.pl>
    Mime-Version: 1.0 (Mac OS X Mail 10.3 \(3273\))
    <div class="3D&quot;ApplePlainTextBody&quot;"></div>
    style=3D"color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; =
    font-style: normal; font-variant-caps: normal; font-weight: normal; =
    letter-spacing: normal; orphans: auto; text-align: start; text-indent: =
    

    Z powyższego wyciągam całość <body>, tworzę sekcję <head> gdzie umieszczam style.

  5. Zamieniam plik grafiki na inline_graphics jednym z dostępnych generatorów online (na stronie www.google.com) 😉
  6. W tej chwili początek mojego HTML’a wygląda tak (usunąłem końcowe znaki =, połączyłem linie, zostawiłem wyjściowe style nadane w Mail, ale zmieniłem nazwę, bo finalnie przy wysyłaniu program nadpisywał zmiany stylu swoimi fabrycznymi):
    Content-Transfer-Encoding: quoted-printable
    Content-Type: text/html;
    	charset=us-ascii
    Message-Id: <4AE7AF74-2D4C-459C-9142-E146F0C5C9D9@hcm.com.pl>
    Mime-Version: 1.0 (Mac OS X Mail 10.3 \(3273\))
    
    <head>
      <style>
        body { word-wrap: break-word; -webkit-nbsp-mode: space; -webkit-line-break: after-white-space; }
        .SignatureBody { color: rgb(0, 0, 0); font-family: Helvetica; font-size: 12px; font-style: normal; font-variant-caps: normal; font-weight: normal; letter-spacing: normal; orphans: auto; text-align: start; text-indent: 0px; text-transform: none; white-space: normal; widows: auto; word-spacing: 0px; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; padding-bottom: 6px; }
        #Disclaimer { font-size: 8px; color: grey; }
      </style>
    </head>
    <body>
      <div class="SignatureBody">
        <strong>Piotr Gogolin<br>
        <span style="color: darkblue">Administrator Systemów Informatycznych</span></strong><br>
        tel. +48 697 410 842
      </div>
      <div class="SignatureBody">
        <img alt="DELEGATE - innowacje są w cenie" class="preloader-logo" src="data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAboAAAB2CAYAAAC+qlb+AAAACXBIWXMAACE3AAAhNwEzWJ96AAAUe0lEQVR42u2dzW8b6X3Hv3SERZvdhNwiQBH0wPHFpwDi3ouKOhYoIAYo4KNGubbAcv8C07felj70Wo0PSeoFmlBAsWkSJBqh60P3EJOoiwWE2h463rXqFy0py7YiW5oe5pnVw9l54zwzw5nh9wMMKJEzzzPP6
    
  7. Pozostaje zabezpieczyć sygnaturę przez ingerencją programu Apple Mail. Z poziomu Findera klikam na pliku prawym klawiszem myszy i wybieram Get Info — tam do wyboru jest pole Locked, które zaznaczam. I finalnie otworzyć program Apple Mail.
    Powinno działać. U mnie działa. SOA#1

Signature with image but not as a attachment (bo po angielsku przydało by się ten artykuł zrobić)

One thought on “Apple Mail: Sygnatura w HTML-u z grafiką, ale nie jako załącznik”

Leave a Reply

Your email address will not be published. Required fields are marked *

This site uses Akismet to reduce spam. Learn how your comment data is processed.