Embedding Google Photos: Difference between revisions
Jump to navigation
Jump to search
| Line 19: | Line 19: | ||
#'''Paste the link address into the new browser window. This will bring you to a new shared album with just that photo in it. | #'''Paste the link address into the new browser window. This will bring you to a new shared album with just that photo in it. | ||
#Click the image to zoom in and right-click on the image. | #Click the image to zoom in and right-click on the image. | ||
Select "Copy image address" from the menu. | #Select "Copy image address" from the menu. | ||
You now have your embed link, | #You now have your embed link, but this must be formatted with the correct HTML. | ||
For example: | |||
<html><a href="https://lh3.googleusercontent.com/pw/AP1GczMCGrAUV9IiPQGOYKvDlCgNfeBEJgNUBqBVA3Yk8BQgsqvNuvQ-VKPLjud2y-3ErJMayboUyeAEa9aA_p6LQL8AM5Po_ddQDDcRoLCAW0vz5PMRZTH6=w2400?source=screenshot.guru"> <img src="https://lh3.googleusercontent.com/pw/AP1GczMCGrAUV9IiPQGOYKvDlCgNfeBEJgNUBqBVA3Yk8BQgsqvNuvQ-VKPLjud2y-3ErJMayboUyeAEa9aA_p6LQL8AM5Po_ddQDDcRoLCAW0vz5PMRZTH6=w300-h160-p-k" /> </a></html> | |||
Revision as of 22:14, 9 June 2024
It appears that you cannot iframe individual Google Photos into websites.
Here is how to do it instead - by generating a different URL that Google uses on its back end. Photo appears downgraded somewhat.
https://www.labnol.org/embed/google/photos/
Here is a way to embed Google albums -
https://www.publicalbum.org/blog/embed-google-photos-album-reabr
These all appear to be 3rd party apps. The only way to embed Google Photos manually seems to be to add them to your Drive first - [1]. It seems that Google Photos limits the embed possibility to make mo money.
Manual Route
This procedure works. [2]
Steps
- Open your preferred photo in Google Photos and click on "Share," then "Create Link" to get a shareable link for that image.
- Copy the link and open a new browser tab.
- Paste the link address into the new browser window. This will bring you to a new shared album with just that photo in it.
- Click the image to zoom in and right-click on the image.
- Select "Copy image address" from the menu.
- You now have your embed link, but this must be formatted with the correct HTML.
For example:
