Adding a floor plan

Configuration Frontend
1

I am needing some assistance with adding a floor plan what is a good pixel size of the picture you are wanting to add. because I cant seem to get the size right and it keeps going blurry or not big enough. i have also tried to add a .png image to the local file in home assistant but then when I try use that in the picture element it does not show anything.
this is the picture I am ting to use

MallMap_zm_resized
MallMap_zm_resized2048×1723 197 KB

2

That depends on the size and pixel count of the display, and why using an SVG is better than a PNG. SVGs scale smoothly, though on really small/low res displays they’ll still be hard to read.

3

@Tinkerer ok great thank you i will convert the image into a SVG and see if that solves the issue.
another question i have if i have a button that i am using as a panic button and want sound to be activated when triggered, would i need to add a audio file into the media file in home assistant and create an automation?

4

Yes  

5

@Tinkerer so I have created a SVG picture of the floor plan do I just store it in the www area in home assistant? and then use the picture element card with the location of the file? apologies for all the questions and thanks for the help

6

yes, in the www folder.
I used a subfolder called www/floorplan

type: custom:floorplan-card
full_width: true
config:
  image: /local/floorplan/GroundFloor09102024.svg
  cache: true
  stylesheet: /local/floorplan/floor.css

note: the www translates into /local folder within the dashboard

1 Like
7

Personally I prefer the Floorplan card which is amazing for this kind of thing.

1 Like
8

i havent come right with this yet will let you know when i do need to look into how floorplan card works.