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

Let your website seen by other language persons

Let non-English Visitors Read Your Website Imagine someone coming to your site and leaving it the very next moment, not because the content was bad but because the site content was not written in his native language. It is a perfect case of a missed opportunity. Statistics show that the web has just 60% English speaking users. The rest may be from Russia, Japan, the Middle East or other regions, where people are either less comfortable reading English content or can’t read and interpret the language at all. By confining your website to English (or for that matter, just one language), you are missing a large group of people (or site traffic), who could have become potential customers or regular visitors if the website’s content had been written in their native language. Most of the machine translation services like Google Translate, Altavista, Yahoo Babelfish, Lycos are powered by Systran software. So you can choose to incorporate either of these services and the r...
Post a Comment
Read more

How to see email senders full reference

See the Email Sender’s Company and Logo in your Gmail The default layout of your Gmail inbox has the sender’s name listed in the left most column followed by the subject and the date of the message. The emails are  sorted  in reverse chronological order with the newest messages listed at the top. The problem with this layout is that you cannot figure out who the actual sender of a message is without actually opening the email. For instance, if you get an email from Angus who works at Google and a second email from another Angus who is employed with Microsoft, Gmail will simply show Angus as the sender for both emails. To solve this exact problem, I wrote  Gmail Sender Icons  and it is now available for everyone. It is a Google Chrome extension that will make it easy for you to identify the company or the organisation of the email sender right inside the message list of your Gmail inbox. Check out the screenshots and you’ll get the i...
Post a Comment
Read more