Plan de maison en fond

Entraide Home Assistant
1

Bonjour,

J’ai un plan du rez de chaussé de ma maison, sous format jpg.
Je voudrais mettre des indicateurs dessus (température par exemple).
Je n’arrive pas à la mettre à la taille de l’écran, je dois scroller pour voir l’image!

J’ai essayé avec plein de paramètres (style: width: 100% height: 100%…)

Merci de votre aide

Ma configuration

[center]## System Information

version core-2024.11.1
installation_type Home Assistant OS
dev false
hassio true
docker true
user root
virtualenv false
python_version 3.12.4
os_name Linux
os_version 6.6.31-haos-raspi
arch aarch64
timezone Europe/Paris
config_dir /config
Home Assistant Community Store
GitHub API ok
GitHub Content ok
GitHub Web ok
HACS Data ok
GitHub API Calls Remaining 5000
Installed Version 2.0.1
Stage running
Available Repositories 1467
Downloaded Repositories 3
Home Assistant Cloud
logged_in false
can_reach_cert_server ok
can_reach_cloud_auth ok
can_reach_cloud ok
Home Assistant Supervisor
host_os Home Assistant OS 13.2
update_channel stable
supervisor_version supervisor-2024.11.4
agent_version 1.6.0
docker_version 27.2.0
disk_total 228.5 GB
disk_used 12.5 GB
healthy true
supported true
host_connectivity true
supervisor_connectivity true
ntp_synchronized true
virtualization
board rpi5-64
supervisor_api ok
version_api ok
installed_addons Samba share (12.3.2), Terminal & SSH (9.15.0), Studio Code Server (5.17.3), File editor (5.8.0), Mosquitto broker (6.4.1), Zigbee2MQTT (1.41.0-1), Samba Backup (5.2.0)
Dashboards
dashboards 8
resources 3
views 18
mode storage
Recorder
oldest_recorder_run 27 novembre 2024 à 15:03
current_recorder_run 28 novembre 2024 à 17:05
estimated_db_size 1119.63 MiB
database_engine sqlite
database_version 3.45.3
[/center]
2

Hello,

si ton intention est de faire du picture élément, passe plutôt en png ( qui supporte les transparences ), pour la taille de l’image, ça va dépendre de ce que tu affiches, sur un écran avec une résolution HD avec le navigateur en mode plein écran, tu devrais être pas loin des 1920x1080 pour la taille de l’image

cdt

1 « J'aime »
3

Et en choisissant carte unique, ça passe presque tout seul

image
image628×855 32.6 KB

1 « J'aime »
4

Oui, j’ai fait (carte unique)
J’ai un écran en HD, mon image fait 1478 x 1085 pixels
je dois scroller pour la voir complètement.

5

re,

1085 c’est déjà limite normal de scroller vu qu’un écran HD fait 1080 donc passe en plein écran sur ton navigateur et vois ce que ça donne ( F11 du clavier sous firefox )

cdt

6

Bien vu
Je n’avais pas percuté pour la hauteur

Je vais refaire mon image…

Merci

7

re,

après c’est 5 pixel donc faut pas scroller sur des kms normalement :slight_smile:

cdt

1 « J'aime »
8

Je n’étais pas en plein écran…

9

Mon image fait 1000 x 734 pixels (format png).
Même en plein écran, je dois scroller l’image.

Voila mon yaml:

type: panel
title: Plan RDC Avant
path: plan-rdc-avant
cards:
  - type: picture-elements
    image: /local/rdc_433.png
    style:
      width: 10%
      height: 10%
    elements:
      - type: state-badge
        entity: sensor.thermo_mini_1_temperature
        style:
          top: 20%
          left: 70%
          font-size: 20px
          font-weight: bold
          color: transparent
          "--label-badge-text-color": red
          "--label-badge-background-color": white
10

Hello,
Mon image fait 1920 x 1019 et ça passe crême.

Capture d'écran 2024-11-29 195210

11

J’ai réussi à obtenir ce que je voulais finalement,
en jouant sur les tailles de l’image…

Merci pour l’aide

1 « J'aime »