Add more images in template

How I can add more image in personal invoise/quote templates?

Where I place the original images on server and what is the code to insert in template file?

Thanks

You can place the images in the same directory like the template (but Marke backups before upgrades) and use simple HTML img tags to place the images.

I place the image in application/views/quote_templates/pdf and line img src=“image.png” height=“40” width=“209” at the first line of body.

The pdf have also a cross image at the top/left corner of documents.

And the image is also called image.png?
The cross means that the image couldn’t be found.

I’m not sure if mpdf supports this but it might be possible to use data uri like:

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

The image can be converted using a page like: http://datauriconverter.appspot.com/#dataurlmaker

Hi

I’m also having the same issue,
I wanted to add an image on the invoice.

The image is not displaying, red cross image appearing.

Thanks