Hosted Images for Dashboards

@bravenel, what the trick for getting a pic like this to show as the background of a dashboard or tile? I tried putting it in a publicly shared gdrive folder and that did not work.

I just did one for a dashboard - I put it on a web site I have - the "link" in the tile or background is the full url (e.g., http://www.blah.org/folder/file).

Guessing like this?

Yes, except I did not try to use https. And I didn't try it from Google drive . . .

I did if from Google photos not drive.

Tried that also and did not work.

I had no luck with drive either!

(Excuse my crude attempt at protecting my website domain name)

In Google Photos, click on the picture you have shared. The URL should be something like this:

https://photos.google.com/photo/A bunch of letters and numbers

Once on that picture, right click the picture and choose Copy Image Address. You'll get a URL like this:

https://lh3.googleusercontent.com/Super long string of numbers and letters

Paste that into the image field in Hubitat for the background image. You can also paste that URL into another browser or tab to test, it should just display the picture, nothing else.

6 Likes

That was the ticket, thanks.

Keep in mind and this is why I haven't really done this, any pictures you have in your "shared" google photos drive is available to the internet. Meaning anyone or system could crawl for shared google photos and view them.

So if you're ok with the picture to be out there, then good, but if it's something that needs privacy or snapshots of a camera feed, you wouldn't want to have it posted like that.

yep, thanks for the warning. I sure hope nobody wants to deface that cute dog of mine because it would be ashamed if that cute dog ever got ahold of them.

2 Likes

what do i need for this I have a NAS that can connect to the cloud but im just after local really. It looks like the latest update stopped the google photos set up from working, it was only a temp set up any way but need to fix it correctly now.

hey guys I found this topic helpful but do you know how to resize an image? is too big

Download and install GIMP for your operating system. It has an image scale function that works great for resizing images. For forum use, I resize images to 800x600 and export to the PNG format although JPG format works well also now that the patent has expired.

Any Idea what I'm doing wrong?

Image is not loading at all. All that it's showing is the silver background

I tested your link and works fine in Chrome tab outright but when using it through the dashboard Google is replying with error 403(), which is forbidden. There must be something in the way the dashboard attempts to retrieve the picture that differs from a virgin Chrome tab. Someone with a little more web experience will need to field this one. I did manage to extract a different link though... I opened the original link in a new tab, used F12 to get to the source code and found this link for your picture which loaded OK on my test dashboard. No guarantees but give it a try.

https://lh3.googleusercontent.com/2oZvZy3HANBILAmpib1H4_FlLhsAnPkuHATTY3rcMVtaYe-Pj6lS2iLbcOYDaB31Jubm8yjtbRObx2gCyzJ-L6wuBxsGAeXUsp8EHP2SzrUGoYi9Zb_L1HavHVKUDE2dqI-96egDXg4I-t-32CJ4ifxCQeIuvN_5Hy_CcUQ8NADAjyFMr_BaXVeeojQQKYSTeXbWjMXZj2yC-hDj1Em9SdWiJRS8mvcoNpEPs9gaUt7cCq9Bh5NBsEzW0Ys3EZ80Ic2-JEbGSRuU4l4oCNEcN1EZl9-fIT2xf2zhGt2shs7kQ_AwxfNMKvMZZ7gGMZh9TJ69357F_AQDJ2yOMj_6G2uY0zUly42tYZGkFMUmknqiTWYTjHE6H7ruTv4l60r4JTtit9OHnncmJ_ufq6BecLXR2Ry17vPGBO5vTgdI6c0wFBgCzxKXdRJ9aZbUJLLlpPcNFrF7s4S8xyKbgy-Ih6S1HMJFAYhiiXBiplT5n4CV4Ii8HHE1MKGFF10tpFfp-qFSQ35Hws5bxCFItyANFSjRtj363y1rj9_XRE_rkzloWYUk-Glh7WKm8n-Fmn_vUQa0u2SIRz2Hug4vrTznihRLJZ4Sfs7Qe-QEq4_Xe974OHiHBUQYomu52cSGGq9lW0vZqdSZijuSkwnNojAorTzvHeFtNZRk0EtpKAwknAn7mIRkw9xEGXEf_-5e0TXXJ7AYtTQDAMp2sWpotO7X4K8wIosG4G5dLfHLMt9_0CvYenhFKVA5I3s=w1102-h619-no?authuser=0

1 Like

Perfect! Thank you!

1 Like

Yep, it's a different type of request that most image hosting place do not support. Like you did, you need to pull the image down and host it somewhere that allows that type of access (I'm not 100% sure what access it wants, just that it does not work). You may also find that some work locally but not via cloud dashboards.

Can we allow Dashboard images to be set from a variable

e.g.