August 7, 2015

Instadownload: Download photos from Instagram web

Update 2019: This no longer works due to Instagram constantly updating it’s generated HTML. There are plenty of alternatives to do this so I probably won’t update this.

Update 02/08/2016: Updated the code to work with the latest version of Instagram. Remember, only works on photo detail page, like this.

https://instagram.com/p/iuDwZDtDF2/
https://instagram.com/p/iuDwZDtDF2/

Does this look familiar?

If you right-click on any Instagram photo from their web app you get this context menu, and you can’t “Save Image As…”. Frustrating, right?

Instadownload solves that problem by creating a dynamic download button on the photo detail pages of the Instagram web app.

It is useful for downloading some hand picked photos while you browse. If you want to download all your photos, there’s Instaport, and if you want to download all photos from some random user I think there’s an app for that® too.

How to use it

  1. Create a bookmark and paste the code below.
  2. Go to a photo detail page or click on a photo from the Instagram web app.
  3. Click Instadownload.
  4. Click Download.
  5. Enjoy!

The code below

javascript:(function()%7B%24('body').append('%3Ca%20download%20class%3D%22instadownload%22%3E%26%2311015%3B%20Download%3C%2Fa%3E%3Cstyle%3E.instadownload%7B%20position%3Aabsolute%3B%20border-radius%3A%203px%3B%20font-size%3A%2020px%3B%20z-index%3A%2010000%3B%20top%3A%2090px%3B%20cursor%3Apointer%3B%20right%3A%2020px%3B%20padding%3A%2010px%3B%20background-color%3A%23FBFDFF%3B%20border%3A%201px%20solid%20%23125688%3B%7D%3C%2Fstyle%3E')%3B%24('.instadownload').attr('href'%2C%20%24('meta%5Bproperty%3D%22og%3Aimage%22%5D').attr('content'))%7D)()

I know, I could’ve made a draggable link. WordPress automatically filters it so this will do for now.

What you get

Screen Shot 2015-08-07 at 10.45.45

Links & stuff