HTML Help Workshop - How to embed an image within a help file

Question

I'm attempting to embed an image within a HTM file which is part of my CHM file I'm trying to create. In my HTML File I'm referencing my image like so;

<img src='C:\\Users\\[user]\\Documents\\Images\\Settings-1.png'
                alt='Settings-1' />

My images still show once it's compiled however this Help File needs to be portable and I know once it's shipped these images will not show.

How would I go about solving this issue?

@help-info.de is there a better way of doing this rather than encoded the image? — benbants, May 17 '17 at 08:33
Convince whatever you use to create CHMs to add them to the project, and reference them with a local URL inside the html. Like the rest of the world does. — Marco van de Voort, Jun 01 '17 at 10:21

score 1 · Accepted Answer · edited May 23 '17 at 12:26

1

You could save the image inside the img tag as a base64-string

This question gives you a little more information on the subject.
Basically you convert your image to a base64-string
(a simple google-search gives tonnes of sites that do this for you)

You can now use that string as your src-attribute.

edited May 23 '17 at 12:26

Community

1
1

answered May 16 '17 at 10:30

Anthony Dekimpe

337
2
14

Thanks for the help this has fixed my issue, although I'm not a fan of the length I'm more concerned about the portability. Once Again many thanks! – benbants May 16 '17 at 10:53

HTML Help Workshop - How to embed an image within a help file

1 Answers1