- How do I embed an image into the HTML editor in Chrome?
- How do I get an image into the Signature field on the Connections tab of my Contact?
- Why do I get a little red box in Microsoft Word instead of the image I pasted into the HTML editor?
- Pasting my logo into Company | Site Logo doesn’t work, what do I do now?
Internet Explorer usually does these steps for you automatically, but with certain network connection and devices the images are not stored in an Internet-friendly fashion. Here‘s how to do that manually:
- Open NotePad and type or paste
<img src='' />
- Use IE or Chrome and visit a base64 helper site such as – https://dataurl.sveinbjorn.org/#dataurlmaker
- Drag your image onto the box or the ‘Choose File‘ button to upload your GIF, PNG, or JPG.
- Click in the text box.
- Press CTRL+A then CTR+C to copy everything from the text box.
- Return to NotePad.
- Position the cursor in between the quote marks in notepad.
- Paste the base64 data.
- Press CTRL+A then CTR+C to copy everything.
- In the sfPMS HTML editor,
- Switch to HTML view (tab at bottom).
- Paste the IMG tag from your clipboard.
- Type height=”50px” right after the <img tag. Once this is in place you can easily adjust the size up or down after you see how the image appears wherever you want it. [Note: if the characters shown below appear right after what you type, ignore them. They may come back even after you delete them.]
- Switch back to DESIGN view. Your image should appear.
- Test to see if you need to adjust the size of the image.
There are other sites that will do the image to base64 conversions.
- http://base64image.org/ – use ‘copy as HTML‘. As of this writing the tag provided is malformed: use notepad to add the closing /> manually
- http://base64online.org/encode/ – similar to above, but must select the file and check the ‘format as data url check box.
KBA-01586; Last updated: August 3, 2020 at 10:26 am
Keywords: base64; signature images, contact signature