being in Photoshop for preparation of the png files, I just selected the silhuette of the house and masked out original background, so I could replace it with solid color fill. quite easy - done in post-render, nothing was changed in sweet home 3d itself 
What do you do if light from one area bleeds to another area? In that case this approach doesn’t really work, right? Might there be a way to render the floorplan for each light individually, and then calculate the difference between the lights on and the lights off case. Then when we turn on this specific light, we simply add this difference to the background to get to the final case. If another light is turned on, then any bleeding light is also added to this part of the plan. Do you see a way of doing this?
I don’t know if I understand correctly, but this scenario is in few parts of my groundfloor that can be seen in the video. mostly - in the kitchen: there are leds under the cabinets and main lamp on the ceiling. also at the window part - lights behind the curtain and corner light + ceiling light etc. you just need to plan well & prepare masked files in photoshop accordingly so the bleed between areas [lights] is transparent enough to have a nice smooth lighting scenario, without any of the lights takin advantage of each other. I hope that I explained it good 
in the end - all lights on my render interact with eachother, meaning almost all of them bleeds on the whole area, making it more or less lighened up. the clue is to mask-out everything in photoshop [or similar] the way that bleeds are minimalised.
excuse me what you mean by trimmed the black away?
im facing the same error idk what am i doing wrong
this are my files as you can see i masked the areas i want to ligth out and im exporting them full width as png
like this… but im still gettint the error once i add more than one item i nee to turn off by layers. to get to where i want. here its an example of my code
type: picture-elements
elements:
- type: image
entity: switch.luz_comedor_switch_1
style:
transform: none
left: 0%
top: 0%
tap_action:
action: toggle
state_image:
'on': >-
https://ik.imagekit.io/Grosales/prueb5_o0yV92M8I.png?updatedAt=1700668898008
'off': >-
https://ik.imagekit.io/Grosales/trasparente_747kDh8v5w.png?updatedAt=1700670894273
- type: state-icon
entity: switch.luz_comedor_switch_1
style:
transform: scale(1.3,1.3)
left: 60%
top: 8%
tap_action:
action: toggle
- type: image
entity: switch.luz_cuaro_principal_switch_1
style:
transform: none
left: 0%
top: 0%
tap_action:
action: toggle
state_image:
'on': >-
https://ik.imagekit.io/Grosales/Cuarto-principal-dia_607gzkoq5.png?updatedAt=1700629989477
'off': >-
https://ik.imagekit.io/Grosales/trasparente_747kDh8v5w.png?updatedAt=1700670894273
- type: state-icon
entity: switch.luz_cuaro_principal_switch_1
style:
transform: scale(1.3,1.3)
left: 21%
top: 45%
tap_action:
action: toggle
image: >-
https://ik.imagekit.io/Grosales/Casa-apagada-dia_RdT3JGUCb.jpg?updatedAt=1700629989636
NVM I found the solution it was more of a logic i was placing the image and the icon below
image
icon
image
icon
so what i did was place all the images together and all the icons together at the end
image
image
image
icon
icon
icon
and problema solve 