There’s two ways of inserting images in the PDF template: directly in the template settings fields (the footer for example) or in a custom template. Note that JPG is almost always preferable over PNG, because it is much lighter to process for the server.
In the template settings
You can enter plain HTML in the template settings (note that for invoices this will only affect newly created ones!), so if you know the url to the image, you can simply add an
<img src="https://wpovernight.com/dont_print_emails.jpg" style="height: 6mm;"> <span style="color: green;">Please consider the environment before printing this document</span>
Not all servers allow url images though (note that this is different from regular webpages, everything is downloaded to the server first!). If this is the case on your site (you can see this on the Status tab of the settings), you can use the full server path to the image instead (replacing
full/path/to/site-root in the example below by the actual server path).
<img src="full/path/to/site-root/dont_print_emails.jpg" style="height: 6mm;">
In a custom template
If you have created a custom template, you can achieve the same thing without having to figure out the server path. Simply add the image to your pdf template folder and use the following code snippet:
<img src="<?php echo $this->get_template_path(); ?>/image.jpg"/>
if the image is not in the template folder but in another folder relative to your site root, you can use
ABSPATH to get the full base path to your site root:
<img src="<?= ABSPATH ?>/dont_print_emails.jpg" style="height: 6mm;">