Skip to main content

How to Embed Images from Google Photos into your Website

How to Embed Images from Google Photos into your Website

Google Photos is the best service for backing up your digital photos to the cloud. They have no storage restrictions, your can upload images as well as videos, and visual search helps you find photos by people or things in them. There’s one feature though that’s still missing in Google Photos.
You can easily share your photos with anyone using a simple link but Google Photos offers no option for you to embed an existing image into a website. That is, if you have already uploaded an image onto Google Photos, you can’t directly embed it into your website through Google Photos.

Google Photos as an Image Host

Embed Google Photos is a new web app that, as the name suggests, makes it extremely easy for you to pick any image hosted on Google Photos and place it on a web page using simple HTML code.
Here’re the steps involved:
  • Go to photos.google.com and open any image that you wish to embed in your website.
  • Tap the Share Icon (video tutorial) and then choose Get Link to generate a shareable link for that image.
  • Go to j.mp/EmbedGooglePhotos, paste that link and it will instantly generate the embed code for that picture.
Open your website template, paste the generated code and save (see sample). The image will now serve directly from your Google Photos account. This technique can also be used for embedding images in HTML Mail without having to use an external image hostingservice.
Embed Google Photos

Embed Google Photos – How it works?

When you share a single photo via a link inside Google Photos, it creates an unlisted link that is accessible to anyone including those who are not logged into their Google Accounts. Internally, the app downloads the page behind this link and extracts the Open Graph tags to determine the direct link of the image and the underlying photo album.
The embed app only works for single images and not albums. One more thing. I am not aware of any bandwidth limitations for images shared via Google Photos. If have a very popular site, this may not be the way to go.

Comments

Post a Comment

Popular posts from this blog

Add picture password to Google forms

How to Add a Picture Password to your Google Forms Google Forms have this “all-or-none” problem. The forms are either public (anyone can fill your form) or, if you are on Google Apps, you can create forms that are visible to everyone in your organization. It is however not possible to restrict access to forms to specific people. Another shortcoming is that Google Forms do not allow passwords or CAPTCHAs to prevent spam bots from filling your forms with random data. Google itself maintains the reCAPTCHA project but it is not known if integration with Google Forms is in the works. There is a workaround, though. Google Forms with Picture Passwords Google Forms do not support CAPTCHA but they do offer an option to attach images with questions. These can be used as picture passwords. The idea is simple. We add a multiple-choice question where the user is asked to pick an image from a selection of multiple images. If they select...
Post a Comment
Read more

Phone number callable in Google sheets😵😵😵😵

How to Make Phone Numbers Callable in Google Sheets If you click an email link on a webpage, it opens your default mail program. Similarly, you can make phone numbers on your website “callable” meaning when someone clicks the phone number, it will launch the dialer on their mobile phone and initiate dialing of the specified phone number. It is recommended that you make phone numbers clickable as more and more people would be accessing your site on their mobile devices. How to Insert Clickable Phone Numbers in Web Pages We use the simple tel protocol to convert a plain text phone number on a web page into a clickable telephone link. For instance, if you click  this link  on a mobile phone, it will open the phone dialer prefilled with the specified number. There’s no need to copy-paste numbers. How to Type Phone Numbers in a Google Sheet It is a bit tricky to type phone numbers inside Google Spreadsheets. Here’s why: Phone numbers are mostly made of...
Post a Comment
Read more