How to add Picture

Configuration Frontend
1

Hi, I’m hoping to somebody this is a very simple question, but I’m struggling to be able to put a picture on a dashboard

For example I have a page that displays details about my Synology NAS , so I wanted to put a picture of the NAS on the dashboard … simple right… Nope Tried the picture card with the jpg picture in config/www/sunology.jpg No picture … Tried a number of url’s nothing as worked

Please do tell me where I am going wrong

Many thanks

Regards Andy

2

show us the yaml please in right formating

entity: input_select.washing_machine_status
name: ' '
state_image:
  Clean: /local/images/laundry_clean_2_square.jpg
  Finishing: /local/images/washer_square.jpg
  Idle: /local/images/washer_square.jpg
  Running: /local/images/laundry_running_square.jpg
type: picture-entity

or

type: picture-elements
elements: []
image: /local/images/plants.jpg

image
image877×310 41.8 KB

where local is the www folder (if you dont have one just created it)

1 Like
3

Hi

Thanks for the reply. I think it must be me being daft but it just doesn’t work for me

So this is the yaml from the card

type: picture-elements
elements: []
image: /local/images/synology.jpg

and this is the result (after a restart)

image

I have a www folder inside which is an images folder and I placed the jpg file in there

so path is www/images/synology.jpg which I believe translates to /local/images/synology.jpg

Also checked the picture is square as I read somewhere all images must be square but not sure thats correct .

Help please as I’m sure this is easy but I’m not understanding why it doesnt work for me

Thanks for the help

Regards

Andy

4

Yes your Path is right

Dum question is the file name the same case

did you do a F5 or Ctrl+R on the page

5

Hi, thanks for the reply/help

yes I’ve checked the case … every letter is correct… also tried both F5 and Ctrl+R

Its very strange … I cant seem to get any picture to work no matter what I try

6

Hi @AndyN,

I seem to have the exact same issue! Created a docker container of HA on my Synology NAS, and can’t seem to find the image located in /www/image/ (which should be /local/image/ in HA).

Have you ever found a way to fix this issue?

Kind regards!

7

For future reference:
I have found that adding the folder via the Synology GUI, made the folder not visible to Home Assistant. I fixed this by opening a terminal via Container Manager > Containers > Home Assistant container and creating the folder from there using mkdir.

Now I have a folder in /docker/homeassistant/www/ which is accessible in Home Assistant via /local/