HTML Help

avinash dubey · Joined: 03 Jul 2006 Posts: 4

how to embed image in HTML ?

Hi ,
I am developing an html mail page but don't know how to embed image in the html page itself .

Please reply.
Avinash

Corey Bryant · Posted: Mon Jul 03, 2006 6:42 am

Check out images and image tags. If emailing them in an HTML email though, you will need to use an absolute hyperlink.

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions

avinash dubey · Joined: 03 Jul 2006 Posts: 4

avinash dubey wrote: how to embed image in HTML ?

Hi ,
I am developing an html mail page but don't know how to embed image in the html page itself . I don't want to put images on server side and use IMG SRC tag so that every time client will fetch it from server instead i'd like to embed the image in html code itself. Is there any way like some tag <embed >
or converting image to binary and put it into html or something that will do the same .

The purpose for that is
1)Even after disconnecting from the internet client should be able to view the image.
2) I need not to attach the image file every time if it embedded in he HTML itself.

Please send your reply with an example.

Please reply.
Avinash

Corey Bryant · Posted: Thu Jul 06, 2006 2:53 am

Did you have more questions?

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions

avinash dubey · Joined: 03 Jul 2006 Posts: 4

No ,
i don't have more questions even my both previous the queries are reffering the same thing .
Please reply the same ..

Avinash Dubey

Corey Bryant · Posted: Thu Jul 06, 2006 4:56 am

What email program are you using? You can try outlook - and embedding that way but I really do not recommend it. It will take longer to download etc.

_________________
Corey
Loud Commerce | Loud Worx | Toll Free Solutions

avinash dubey · Joined: 03 Jul 2006 Posts: 4

Email program is not important , important is to load the image in html like in binary or something. I just want not to fetch the image from somewhere it shoukd be embedded in the html code itself.

Thanks
-Avinash

Corey Bryant · Posted: Thu Jul 06, 2006 10:46 am

Well Outlook Express offers a way to embed the images. Otherwise, you are asking for an HTML way and in the beginning but then you added the even after disconnecting - so that rules out absolute paths.

_________________
Corey
Loud Info | Loud Worx | Merchant Account Information

greensweater · Joined: 08 Aug 2006 Posts: 2

Depends on how you're trying to do it, but your mail composing program will need a way to send multipart/mime messages. The image is converted to base64 and the data sent by the mailer looks something like:

Code:
From: foo1atbar.net
To: foo2atbar.net
Subject: A simple example
Mime-Version: 1.0
Content-Type: multipart/related; boundary="boundary-example"; type="text/html"

--boundary-example
Content-Type: text/html; charset="US-ASCII"

... text of the HTML document, which might contain a URI
referencing a resource in another body part, for example
through a statement such as:
<IMG SRC="cid:foo4atfoo1atbar.net" ALT="IETF logo">

--boundary-example
Content-Location: CID:somethingatelse ; this header is disregarded
Content-ID: <foo4atfoo1atbar.net>
Content-Type: IMAGE/GIF
Content-Transfer-Encoding: BASE64

R0lGODlhGAGgAPEAAP/////ZRaCgoAAAACH+PUNv
cHlyaWdodCAoQykgMTk5LiBVbmF1dGhvcml6ZWQgZHV
wbGljYXRpb24gcHJvaGliaXRlZC4A etc...

--boundary-example--

Note how the HTML code in the first part includes <img src="cid:foo.." the CID means that it's to look in another part of the multipart message.

So you need a mailer which will allow you to do this, with direct HTML editing. Outlook and Outlook Express do not have HTML editing but there are other mailers.
Desktop: Thunderbird www.getthunderbird.com
- with HTML editor add-on https://addons.mozilla.org/thunderbird/756/
Server: PHPlist www.phplist.com

check this link in the PHPlist forums for more information on embedding images in your outgoing HTML: http://www.phplist.com/forums/viewtopic.php?t=4875 ) [/code]

mrLenin · Joined: 23 Nov 2006 Posts: 25

avinash dubey wrote: avinash dubey wrote: how to embed image in HTML ?

Hi ,
I am developing an html mail page but don't know how to embed image in the html page itself . I don't want to put images on server side and use IMG SRC tag so that every time client will fetch it from server instead i'd like to embed the image in html code itself. Is there any way like some tag <embed >
or converting image to binary and put it into html or something that will do the same .

The purpose for that is
1)Even after disconnecting from the internet client should be able to view the image.
2) I need not to attach the image file every time if it embedded in he HTML itself.

Please send your reply with an example.

Please reply.
Avinash

It's not depend of the way you embed the images. The browser use cashe memory for the content. So ones you are connected you have all images local on your PC. You may even check C:\Documents and Settings\admin\Local Settings\Temporary Internet Files if you use IE.

Shree · Joined: 27 Aug 2008 Posts: 3

Hi,

Am developing a VC++ application which will send
HTML emails to a list of recipients via Outlook
Express or Windows Mail.

In my html email page, I have some local images
which has to be embedded. Can you please help me
out in embedding my local image in the html page?

Actually, I dont know how to create the content ID
for my image & how to set it in my html page. Please
help me out with a small sample.

Waiting for your guidance.

Thanks in Advance,
Shree

Byapti · Joined: 27 Sep 2007 Posts: 1

Hi,
I think “Sending HTML with Embedded Image in .NET” article on
http://aspalliance.com/1354_Sending_HTML_Mail_with_Embedded_Image_in_NET.all may be helpful in this discussion.

This popular white paper is written by a software engineer from our organization Mindfire Solutions (http://www.mindfiresolutions.com).

I hope you find it useful!

Cheers,
Byapti

Shree · Joined: 27 Aug 2008 Posts: 3

Hi Byapti,

Thanks for your input.
Actually, its a very nice article & was very
informative too.

The problem is I cannot use .NET :( . My
Application is completely in VC++ & I have to
continue with it.

My requirement is, My application should send html
emails(which has some local images) via Outlook
Express, Windows Mail & MS Outlook(meaning I should
find the sent emails in 'Sent Items' folder of the
respective mail client).

I suceeded creating & sending html mail with
Embedded images for MS Outlook. Currently, stuck
with doing the same for Outlook Express & Windows
Mail.Can you please help me out.

Thanks
Shree

maneco · Joined: 06 Nov 2009 Posts: 1

See RFC 2557. You can insert a image inside html using something like this:

<IMG SRC="data:image/gif;base64,RAAAtuhhx4dbgYKAAA7...more data....." ALT="Larry">

Shree · Joined: 27 Aug 2008 Posts: 3

Thanks for your inputs.

Can you please explain me in detail.

Thanks,
Shree