Wie Bilddateien in ein HTML-Files integrieren?

    Nein, mir ist kein besserer Titel eingefallen... :D


    Vorweg: Ich habe wirklich keine Ahnung von HTML, es reicht bei mir allenfalls zu ein paar einfachen Sachen wie dem, was man halt im Forenalltag so braucht, um URL anzugeben, Bilder zu verlinken usw..


    Ich will mir für den Footer meiner Mails in Lotus Notes ein HTMF-File basteln, welches ein paar kleine Grafiken enthält, und zwar konkret das Firmenlogo sowie ein kleines Icon für Telefonnummer, Fax, Email usw..


    Ich bin jetzt schon so weit, dass dieser Footer, wenn ich ihn mir lokal auf meinem System anschaue (also in Mail, die ich gerade dabei bin zu versenden) korrekt angezeigt wird. Der Quellcode sieht so aus:



    <html><body>
    <font face="Arial" size="2">
    <br><br>
    Mit freundlichen Grüßen / Kind Regards<br>
    BigBlue007<br><br>
    </font><font face="Arial" size="1">
    -----------------------------------------------------------<br>
    <!-- Profession / Job Role -->
    Heinzelmännchen<br>Fachbereich Hutmacher<br><br>
    <!-- Logo -->
    <img src="logo.gif" border="0" width="91" height="37"><br>
    Heinzelmann GmbH<br><br>
    <!-- office address -->
    <img border="0" src="icon_snailmail.gif" width="16" height="16"> &nbsp;
    Heinzelstr. 1, DE-70000 Heinzelstadt<br>
    <!-- Office Phone number -->
    <img border="0" src="icon_phone.gif" width="16" height="16"> &nbsp;
    +49 (0)123 / 456789<br>
    <!-- Cell Phone number -->
    <img border="0" src="icon_cell.gif" width="16" height="16"> &nbsp;
    +49 (0)123 / 456789<br>
    <!-- Fax number -->
    <img border="0" src="icon_fax.gif" width="16" height="16"> &nbsp;
    +49 (0)123 / 456789<br>
    <!-- eMail address -->
    <img border="0" src="icon_email.gif" width="16" height="16"> &nbsp;
    <A HREF="mailto:BigBlue007@heinzelmann.de">BigBlue007@heinzelmann.de</A>


    </font>
    </body></html>



    Das habe ich natürlich nicht selber gebaut, sondern es als Vorlage von jemandem bekommen.


    Das Problem ist nun, dass die im File verlinkten Logos zwar bei mir angezeigt werden (weil ich die Files auf der Platte habe), jedoch werden sie natürlich nicht mit versendet, und so sieht jeder, der meine Mails liest, halt nur den zwar korrekt formatierten Text, aber eben ohne das Logo und die Icons.


    Was muß ich in den Code mit reinschreiben, damit die Bilddateien quasi integrierter Bestandteil des Ganzen werden und mit verschickt werden?

    Ist das eine von den Kirchen, wo man so kleine Cracker kriegt? Ich habe Hunger!

    Die Bilder online ablegen


    moinmoin.


    am besten du lädst die bilder auf webspace im internet und änderst die pfadangabe zum bild


    von z.B.


    <img src="logo.gif" border="0" width="91" height="37"><br>
    Heinzelmann GmbH


    in


    <img src="http://www.deinwebspace.de/logo.gif" border="0" width="91" height="37"><br>
    Heinzelmann GmbH


    in diesem fall muss der empfänger der mail online sein damit das bild angezeigt wird.


    wäre jetzt die einfachste lösung die mir grad einfällt.


    regards

    Das funzt so nicht, da es sich hier um mein Mailsystem in der Firma (große IT-Firma mit drei Buchstaben ;) ) handelt und ich da nicht einfach von meinem privaten Webspace verlinken kann. Es auf einen internen Server abzulegen hatte ich auch schon überlegt, allerdings würden die Icons dann nur bei internen Empfängern angezeigt werden, nicht aber bei externen.


    Funktionieren muss das aber irgendwie. Ich bekomme desöfteren Mails von externen Menschen, die in ihrem Outlook irgendeine grafische Signatur haben und die bei mir korrekt angezeigt wird, auch wenn ich offline bin.

    Ist das eine von den Kirchen, wo man so kleine Cracker kriegt? Ich habe Hunger!

    Ein relativer Pfad wie im Beispiel ganz oben kann hier IMHO nicht funktionieren.


    Leg das Bild auf deinem PC ab und versuch's mal mit:


    Code
    <img src="file://Pfadzubild/logo.gif" border="0" width="91" height="37">


    Wenn der Footer/die Signatur fertig ist und als Signatur im Emailprogramm eingestellt ist, sollte das Logo automatisch in der Signatur kodiert (base64) und mit in der mail versendet - und damit auch bei externen Empfängern angezeigt werden.


    Einschränkung: Zumindest läuft das bei mir mit Thunderbird 1.0 so. Aber das sollte eigentlich bei allen vernünftigen Emailprogrammen so sein. Deins habe ich aber noch nie verwendet ;)


    Grüße, Öle


    BTW: Bild und HTML-Signatur = igitt ;)

    Mit Grüßen ...

    Zitat

    Original geschrieben von rajenske
    Ein relativer Pfad wie im Beispiel ganz oben kann hier IMHO nicht funktionieren.


    Lokal auf meiner Platte schon... ;)

    Zitat

    Versuch's mal mit:


    Code
    <img src="file://Pfadzubild/logo.gif" border="0" width="91" height="37">


    Wenn der Footer/die Signatur fertig ist und als Signatur eingestellt ist, sollte das Logo automatisch in der Signatur kodiert (base64) und mit in der mail versendet - und damit auch bei externen Empfängern angezeigt.


    Leider nicht. Lokal funktioniert es nach wie vor - auch wenn ich mir die Mail selber an meine Notes-Adresse zusende, aber halt nur, weil die Icons bei mir auf der Platte sind. Andere Empfänger sehen kein Bild.

    Zitat

    BTW: Bild und HTML-Signatur = igitt ;)


    Ja, privat halte ich das auch so. Für die Firmenmail finde ich es aber ganz nett. ;)

    Ist das eine von den Kirchen, wo man so kleine Cracker kriegt? Ich habe Hunger!

    Zitat

    Original geschrieben von BigBlue007
    Lokal funktioniert es nach wie vor - auch wenn ich mir die Mail selber an meine Notes-Adresse zusende, aber halt nur, weil die Icons bei mir auf der Platte sind. Andere Empfänger sehen kein Bild.


    Schade.


    Leider kenne ich mich mit Lotus Notes nicht aus. Thunderbird konnte das vor längerer Zeit auch noch nicht, Outlook sollte das auch können.


    Wichtig ist, dass die Bilder innerhalb der email kodiert mitversendet werden - und nicht beim Lesen von außerhalb geladen werden müssen.


    Ich erinnere mich, dass es eine Lösung gab, mit der es auch früher schon mit TB funktionierte. Ich such mal ...


    Grüße, Öle

    Mit Grüßen ...

    Vermutlich müsste man dann dazu eine Datei erstellen, die neben dem HTML-Code auch die Bilder enthält, so was heißt Mulitpart-Datei oder so ähnlich. Die einzelnen Elemente sind dann mit einer ID verknüpft und können innerhalb der Datei referenziert werden. Bei neueren Internet Explorer Versionen kann man, wenn ich mich jetzt nicht vertue, auch auswählen das man die Webseite in nur einer einzigen Datei lokal speichern möchte, beim IE heißt das Webarchiv, es funktioniert aber in etwa so, dass man es auch für den beschriebenen Anwendungszweck gebrauchen können sollte.

    "Technisch sind wir Übermenschen; moralisch sind wir noch nicht einmal Menschen." Aldous Huxley

    Möglicherweise ist die Lösung von Nebelfelsen die beste.


    Ich kann nur noch auf diesen Beitrag im TB-Forum verweisen, wo jemand eine Batch-Datei zur Base64-Kodierung von Bildern für eine HTML-Signatur geschrieben hatte (als Thunderbird das noch nicht selbst konnte):


    http://www.thunderbird-mail.de…ewtopic.php?p=11914#11914


    Vielleicht klappt das ja auch.


    Grüße, Öle


    Edit: Mich irritiert, dass LN das nicht kann ...

    Mit Grüßen ...

    Man kann die Bilder für die eMail Signatur auch in der Mail mitschicken, allerdings läßt sich das nicht mit HTML bewirken. Das ist eine reine Konfigurationssache des eMail Clients.


    Bei Outlook muß man dazu beispielsweise unter Extras | Optionen | E-Mail Format | Internetformat die Option Wenn eine HTML Nachricht Bilder enthält, die in Internet gespeichert sind, soll eine Kopie der Bilder gesendet werden, nicht eine Referenz zum Speicherort im Internet aktivieren.

    Zitat

    Original geschrieben von der_inquisitor
    Man kann die Bilder für die eMail Signatur auch in der Mail mitschicken, allerdings läßt sich das nicht mit HTML bewirken. Das ist eine reine Konfigurationssache des eMail Clients.


    Also ich habe in einer Signatur Bilder enthalten und die versende ich einfach per HTML-Mail und es klappt auch alles wunderbar. Wenn man die HTML-Darstellung unterdrückt, werden die Bilder halt als Anhang angezeigt (z.B. in einer webmail-Übersicht etc.) - auch nicht ganz glücklich.

Jetzt mitmachen!

Sie haben noch kein Benutzerkonto auf unserer Seite? Registrieren Sie sich kostenlos und nehmen Sie an unserer Community teil!

Benutzerkonto erstellen Anmelden