Image on dashboard

[bmneves]

ok lets go

[Steve-Mcl]

Update - you might have missed

...

@Steve-Mcl

OH - also, as an alternative, you could use a base64 text version of your image & serve that.

See this: How to Display Base64 Images in HTML

and use this: https://www.base64-image.de/ - to convert your PNG to base64

(or read the file in using file node and convert to base64 using the base64 node or a function node - then send it through a template node to construct a base64 URL img tag)

Wanna give the simpler base64 method a go first?

[UnborN]

@bmneves

@Steve-Mcl

What happens if you try to access http://ip-of-node-red:1880/LogoNSH.png directly in your browser?

it's works

you have established that the above works .. so why not simply try with one dot in the image src ./LogoNSH.png

[bmneves]

with ./LogoNSH.pngit did not work

thanks @Steve-Mcl it worked with templateand base64 image
now i just need to resize the picture, can it be done by code, or need i new base64 image for each size i want the logo?

[Steve-Mcl]

can't you just set the width ...
<img src="../LogoNSH.png" width="120px" /> or use CSS?

[bmneves]

is not working

[Steve-Mcl]

I think that might be something to do with angular JS stripping styling and properties from the HTML.

Try creating a style and CSS class that sets the image width etc then use that class name in your img tag

Google is your friend for that.

[bmneves]

@Steve-Mcl thank you very much