It sounds like you have done much of the work already. You already know how
to resize and optimize your images outside of Publisher. That is the part
that can be tedious and time consuming and confusing to people who don't
know how to do that. Just make sure the images are optimized for the web,
and are as small of file size as possible, so they load quickly. Now all you
have to do is to upload those images to a folder on your site, which I would
suggest that you call "images". Create the folder at the same directory
level as your index.htm file and your index_files folder that you create
when you Publish to the Web from Publisher.

Then you will go to Insert > insert HTML code fragment and paste in
variations of the following:

<IMG SRC="http://www.yourdomain.com/images/yourimage.jpg" ALT="What ever ALT
text you want for the image" border="0" width="120" height="60"></A>

Change the domain name, the image name, the ALT tag text, and the width and
height to correspond to your image that you are importing. Then resize the
code fragment box to the same size as the image, and drag the box to where
you want the image to import on your page.

When you import an image to your Pub page in this manner, you bypass the
coding engine and import the original image to your page. You will probably
have a better quality image and a faster loading image. And of course in
your case you will now know where those images are, and what the file name
will be, for your other linking purposes.

If you want the image to have a link, you can change the code snippet to
this:

<A target="_blank" HREF="http://www.someotherdomain.com"><IMG
SRC="http://www.yourdomain.com/images/yourimage.jpg" ALT="What ever ALT text
you want for the image" border="0" width="120" height="60"></A>

This would open a new window and load someotherdomain.com when you clicked
on the image.

DavidF