hass-shutter-card icon indicating copy to clipboard operation
hass-shutter-card copied to clipboard

Image change

Open smic717394 opened this issue 3 years ago • 3 comments

I´m trying to change the photos, but I cant. In the java file the images are loaded from an external source

{ background-image: url(data:@file/png;base64,iVBORw0KGgoAAAANSUhEUgAAAJkAA), ; }

I tried creating a folder in the www called pictures and dump the images there and change the code to

{ background-image: url(local/pictures/sc_shutter_open.png); }

but no mater what I try they don't show, unless its an external source. What I´m doing wrong?

smic717394 avatar Nov 10 '21 18:11 smic717394

I would like to now this aswell! Have you found something out?

Photelegy avatar May 21 '22 10:05 Photelegy

https://onlinepngtools.com/convert-png-to-base64 I converted the image back from Base64 to .PNG, and added my “background” image to the original PNG. Then converted back to Base64 and replaced the string in the .js file. Thats it.

Makiatika69 avatar Aug 02 '22 16:08 Makiatika69

@Makiatika69 Thank you for your answer! I'm pretty new, so I don't know how to do this.

Which image did you convert from Base64 to .PNG? (Where do I find this original image?)

And will it then be possible to tell the shutter-card which image to show in which shutter-card?

Thank you very much!

Photelegy avatar Aug 08 '22 11:08 Photelegy