Show Page Sections

Graphics Implementation

You can implement graphics to a Heretto PDF Generator template by linking to a repository or by embedding Base64-encoded images.

Linking Graphics from the External Repository

You can link to a graphic stored in a repository external to your Heretto CCMS instance. For example, GitHub.

<img src="https://github.com/Jorsek/pdfgen.github.io/blob/master/shared_images/logo.png?raw=true"/>

Linking Graphics from the Content Library

You can link to a graphic stored in your Heretto CCMS Content Library by providing the file UUID followed by the file extension. For more information, see Obtain a Resource UUID.

<img src="a15dc8d0-5fb8-11e9-9279-42010a8e0005.png"/>

Embedding Base64 Graphics

You can embed a Base64-encoded graphic into a template. For more information, see Encode a Graphic to Base64.

<img src="data:image/png;base64,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
"/>

Example

<h1 class="cover-page-container">
    <div class="cover-page-content">
        <div class="title-text">{map.title}</div>
            <div class="bottom-stripe">
                <div class="logo-container">
                    <div class="logo">
                        <img src="https://jorsek.github.io/pdfgen.github.io/styles1.1/media/logo_placeholder_generic_200px_500px.png"/>
                    </div>
                </div>
            </div>  
        </div>
    </div>
</h1>
Figure 1. Cover Page - Custom Logo
custom cover page logo

Encode a Graphic to Base64

You can encode graphics to Base64 by using an online tool or by doing it locally. It is useful if you want to embed graphics in a Heretto PDF Generator template.
  • To convert an image to Base64 by using an online tool, do the following:
    1. In your web browser, go to https://www.base64-image.de/.
      Important: The https://www.base64-image.de/ tool is provided by a third party, and Heretto, Inc., is not responsible for any changes in behavior, functionality, or discontinuation of the tool.
    2. Drag-and-drop an image anywhere in the website.
    3. Click copy image.
  • To convert an image to Base64 locally on macOS, do the following:
    1. Press Cmd > Space and enter terminal.
    2. Press Enter.
    3. Enter base64 -i <image_filepath> -o <output_filepath>
      Where:
      • <image_filepath> is the path to the image that you want to encode.

        For example: /Users/<your_username>/Desktop/imageA.png

      • <output_filepath> is the path to the file that will contain your Base64-encoded image.

        For example: /Users/<your_username>/Desktop/imageA.txt

    4. Open the <output_filepath> and copy its contents.
  • To convert an image to Base64 locally on Windows, do the following:
    1. Click Start and enter: cmd
    2. Click Command Prompt.
    3. Enter certutil -encode <image_filepath> <output_filepath>
      Where:
      • <image_filepath> is the path to the image that you want to encode.

        For example: C:\Users\<your_username>\Desktop\imageA.png

      • <output_filepath> is the path to the file that will contain your Base64-encoded image.

        For example: C:\Users\<your_username>\Desktop\imageA.txt

    4. Open the <output_filepath> and copy the file contents between:

      -----BEGIN CERTIFICATE-----

      and

      -----END CERTIFICATE-----

Obtain a Resource UUID

Each resource in Heretto CCMS has its own Universally Unique Identifier (UUID).

  1. In the Content Library, right-click a resource and select Properties.
  2. From the API Info area, copy the UUID.