Reload card images

This is nothing to do with repeatedly changing an image. Simply when configuring the card and needing to adjust some image sizes to fit the button backgrounds, but after much frustration I realise they are not being reloaded so I am not seeing the edits I have made.

I duplicated the card, but it duplicated the problem. I even deleted the image so it is no longer in the folder it was when first setting up the card. And the original image is STILL being displayed.

I am using the MacOS app and I tried to open HA in Safari and although some other edited images now show nicely as I wanted, one particular one simply does not load. Correct path and correct file but nope. Doesn’t want to know so I gave up with that.

There must be some way to do this. HA cannot possibly remember every single image that was ever used and never forget any of them and never allow you to change them.

I just need to be able to tell it to reload a single image, again, from the folder where it resides. It’s not rocket science but it’s driving me to distraction. :rage:

Can anyone please point me to how I can make HA forget its cache of what images I originally used and reload them from the folder where they do actually exist.

You need to have an updated image for a button’s background? Do you need this image to be updated dynamically dependently on some entities? Or this image should be static?
If static - you need to purge a browser cache. If dynamic - you need to use an “image” entity.

It’s not home assistant, it’s your web browser / app. It has a cache of previously loaded images to speed up page loading (i.e. so it does not need to download them every time).

Clear your cache and then reload the page.

The iOS apps have a button for this in Settings → Companion App → Debugging → Reset Frontend Cache. You still need to reload the page after this.

Web browsers differ but Ctrl+Shift+R works for most.

Are you using a url to point to the image? It gets cached by the browser/app, one easy way to bypass when changing the image, is adding a parameter to the end of the url… example: /local/yourimage.png?v=1 just increment the v=1, to 2, 3, 4 everytime you updated the physical image, and browser will load the new version since the v=1 was cached, not yet v=2, etc…

Thanks for all the replies.

The images are in /local/… and only need refreshing as I have had to modify their size in order to fit the button in which they are being used. Once I’ve got it right, they’ll never need changing again.

Yes I realise it’s the ‘browser’ that is caching the images as when then looking at HA in the iPad I had not previously used, the latest correct images were displayed.

The problem is that I am using the MacOS companion app and that appears to provide no way to flush the cache. At least, not that I’ve found.

I’ll have another look today, but if anyone knows how to make the MacOS app flush its cache, do please let me know.

I just found it in the MacOS app and then realised that was where you pointed me to. I suspect for MacOS and iOS, the apps are actually the same.

Late last night I had not got into looking in the Settings/Prefs, just the menus which of course have no such option. Always more clarity in the morning than at the end of a long and frustrating day.

Best news is that the new images are now finally showing (and look great). :grin: