How To Truly Embed Image Data Into A Web Page?

GOAL:
My end goal is to send a web page (single file) as an attachment (not
embedded) via email to any of the main email clients (Eudora, Outlook, etc).
Users see a single web page attachment and either double click or "view in
browser" in order to view it. (It is an attachment after all)....
When they DO open Internet Explorer (is all I need, not netscape), a single
image appears with some appended text.

CHALLENGE:
My challenge is: I don't believe I can send more than one file via email
because of the potential renaming of currently-existing files (i.e. the
image gets renamed and the webpage points to an older picture, because the
web page was certainly not updated). Also, some email clients, like Eudora,
like to attach the whole path name of an attachment as the file name (so
that C: empabc.jpg becomes CTEMPABC.JPG and the web page no longer knows
what to point to depending upon the email clients).

METHOD OF OPERATION:
So I thought, perhaps there's a way to embed the image DATA into the html
itself and on "onLoad" or some other method, save the temp file
(whatever.jpg) and rewrite the html to point to the IMG file.

THE QUESTION:
How can I do that? (or another way to accomplish the same).

REQUIREMENTS:
Internet Explorer 5 or 5.5 and better, as I use a plugin which requires IE,
not an email client's internal browser, and *not* netscape.
Windows 98se or better.