Search code examples
htmlchmhtml-help-workshop

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

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?

Solution

  • 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.