Adding photo to dashboard

Ihek · February 14, 2023, 6:55pm

I am trying to add a floor plan photo to my dashboard.
I have my HA installed in raspberry pi 4.
I have a photo png. In my iPad . I used file editor add on to put the photo under www
When I open the picture card l change the path to /local/home.png but the pictures doesn’t show up.
The link to the photo can open on the web browser but it doesn’t work in home assistant dashboard
Any help please .

pedolsky · February 14, 2023, 8:08pm

Omit the first slash:

image: local/home.png

Ihek · February 14, 2023, 10:09pm

I get the same.!!

tom_l · February 15, 2023, 2:00am

Did you restart Home Assistant after creating the config/www folder?

Ihek · February 15, 2023, 12:48pm

I have been making restart for HA several times. Also after adding the photo I do restart but it doesn’t help

tom_l · February 15, 2023, 1:56pm

You need the full URL. See https://www.home-assistant.io/integrations/http#hosting-files

pedolsky · February 15, 2023, 2:57pm

local/<img> should work. Have you double-checked the file ending? Is it actually .png?

tom_l · February 15, 2023, 3:14pm

Also the filename is case sensitive.

Ihek · February 16, 2023, 9:07am

Unfortunately it didn’t work with
http://my local/local/home.png.

Any Help to start from scratch for example ? I also tried to put the url link for the pic in cloud.

Is there any problem , because I noticed also that I can’t open links with https ( which is an other problem )

http://my local

/local/home.png

pedolsky · February 16, 2023, 9:17am

Again: Have you checked the www folder if home.png really is home.png and not home.PNG or 4015C79F-2EEF-4FB0-A297-24EF3ACD2F89.png or anything else?

Is the image in www or a subfolder of www?
If the file name is correct, empty your browser cache and login again.

Ihek · February 16, 2023, 11:56am

I opened the picture that I put under local.png then I copied the link in the browser and this was a long one🙂
http://homeassistant.local:8123/api/hassio_ingress/ChlUiI7-uU2eq_M7ihU4rWyIbIdLLGKFyKAJYJvMna8/api/file?filename=/config/www/Home.png

Then I copied this link in the card and it worked. Thank you
But why it didn’t using the file name. Anyway it’s working now

tom_l · February 16, 2023, 11:58am

This is your problem:

The file is called Home.png. You used home.png.

local/Home.png should work.

Ihek · February 16, 2023, 6:58pm

Thank you very much. You are right. It’s my mistake.
I tried with
local/Home.png

It worked

razvan.despa · December 13, 2023, 8:50am

In my case it works fine when using “/” before “local” …

  - type: picture
    image: /local/folder_name/picture_name.jpg

tom_l · December 13, 2023, 11:17am

Please don’t bump 10 month old solved topics with unrelated information.

cedricdelecole · January 13, 2024, 4:46pm

Do a question to be complete … ho do you transfer / put the file in the www folder ?
I have the picture on my computer … ha is running on my NAS (Virtual machine). Is there a way, from the HA interface, to take a picture from the computer (import) ?

many Thanks !

tom_l · January 13, 2024, 9:04pm

Use the SAMBA share addon to transfer the file to config/www.

michaeladler · February 3, 2024, 6:47am

Hello Team,

I encountered an issue while attempting to add a floor plan photo to my Home Assistant dashboard. Despite placing the PNG file in the ‘www’ directory using the file editor add-on and specifying the correct path (/local/home.png) for the picture card, the image fails to display on the dashboard. The link to the photo is accessible in a web browser, but it doesn’t render within the Home Assistant dashboard. Any assistance would be appreciated. Additionally, if you enjoy working with photos, you might find value in exploring features offered by PicsArt Gold…Good Thought.

Best of Luck.