Skip to content

Instantly share code, notes, and snippets.

@betapcode
Created May 17, 2018 04:56
Show Gist options
  • Save betapcode/eb15f74ca9b6318616ecf89fe6e1ae7d to your computer and use it in GitHub Desktop.
Save betapcode/eb15f74ca9b6318616ecf89fe6e1ae7d to your computer and use it in GitHub Desktop.
Google’s authentication-less on-the-fly image resizing service

Google's authentication-less on-the-fly image resizing service

I found it while poking around the Google+ HTML. Jotting down some notes felt like a good idea, so here goes. If you know more about this API, let me know, please!

(Word of warning: I spent ~30 minutes on both my experimentation and this here write-up, so it might not be the most thought-provoking, brilliant thing you read today.)

Base URL

https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy

Parameters:

  • url: original image URL
  • container: must be "focus" (i dunno lol)
  • refresh: time (in seconds) to cache it on G's servers
  • resize_w: width in pixels
  • resize_h: height in pixels

You can either specify both resize_* parameters or just one.

Examples

Let's resize that big panorama picture I took in Istanbul last year.

Make it square, 300x300px:

https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?url=https%3A%2F%2Fdl.dropboxusercontent.com%2Fu%2F7298%2Fblog%2FBlick_von_der_S%25C3%25BCleymaniye-Moschee.jpg&container=focus&resize_w=300&resize_h=300

Make it 750px wide and keep the aspect ration:

https://images1-focus-opensocial.googleusercontent.com/gadgets/proxy?url=https%3A%2F%2Fdl.dropboxusercontent.com%2Fu%2F7298%2Fblog%2FBlick_von_der_S%25C3%25BCleymaniye-Moschee.jpg&container=focus&resize_w=750

Quirks

At least in Chrome, opening the URL in the browser will force a download of a text file (which is actually a JPG). Putting the URL in an <img> tag is fine. Or just use curl.

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment