How to add my png to the Node-RED Dashboard?

Dashboard
1

Hi everyone,

I’d like to add my own logo.png to the Dashboard.
I’ve read that it can be done using a ui_template, but I’m not sure about the right procedure.
If anyone has some tips or ideas, I’m interested!

Thanks!

2

Best would be to define (in settings.js) a static web root, where you can place your png, and then include it in your template, e.g.

<img src="/my_root/image.png" alt="Description of image" width="300" height="200">
3

I mean not changing the Node-RED dashboard logo, but adding images (in PNG format) to my dashboard interface.

4

Have you tried any of the methods that people have posted in the forum?

What results do you get?

5

This is what I meant too. to show an image in a template node, you need to load it from somewhere. Either from a public site (but then you depend on external access), or define (in settings.js) a static web root on the Node-red server, and load your resources (e.g. images, icons etc.) from there.
If you wish, you can also send your template the binary data of the image (as binary or base64) and create a dynamic image from it in your template.