
這幾年台灣使用 Instagram 相片 App 分享照片的朋友越來越多,早先可能只是喜歡套用濾鏡讓照片看起來更有質感,現在也逐漸成為一個社群,但自從被 Facebook 收購後功能介面上變化很多,不像早期這麼簡約,也慢慢朝向和臉書相同的方向發展,雖然相片採演算法排列方式讓許多使用者相當不滿,但至今似乎還沒出現足以取代 Instagram 的選擇。
前段時間介紹「Flume for Mac 最好用的 Instagram 電腦版免費下載!支援上傳相片及私人訊息等完整功能」是我認為相當棒的 Instagram 應用程式,推薦 Mac 使用者下載,實現以往無法在電腦上使用 Ig 的問題(網頁版功能缺少很多)。
後來我收到一些讀者詢問:要如何從 Instagram 下載相片呢?大家都知道 Instagram 預設無法讓使用者直接另存相片,無論是從應用程式或網頁都是如此,因此必須透過第三方工具下載,當然也可以使用擷圖方式獲得圖片。如果只要下載一兩張照片的話,需要這麼大費周章嗎?本文要來介紹一個更簡單的方法,不用下載安裝任何軟體而且一學就會。
順帶一提,我之前來寫過另一篇「下載 Facebook 影片超簡單方法教學!免安裝軟體、支援 HD 高畫質影片」,獲得相當多迴響,如果你想從臉書上把影片下載回來,一樣不用安裝額外工具,自己照著教學操作一次就可以囉!
使用教學
STEP 1
首先,以瀏覽器打開 Instagram 網頁版(https://www.instagram.com/),記得接下來操作必須使用電腦會比較方便,因為待會要使用瀏覽器的檢視原始碼功能。

STEP 2
開啟你要下載的 Instagram 相片頁面,當你在照片上面點選滑鼠右鍵,不會有另存圖片的選項,若要另存新檔只能把整個網頁抓下來,非常不方便,這也是 Instagram 無法直接儲存圖片最大的困難。
我們先點選「檢視原始碼」或者從瀏覽器選單的開發人員工具也可找到原始碼功能。

STEP 3
出現原始碼頁面後,以 Ctrl + F(Mac 則是 Command + F)開啟搜尋工具,輸入搜尋的字串「og:image」後送出即可跳到這段程式碼位置。
順帶一提,og:image 是 Open Graph 標籤,也是 Facebook 用來取得網站標題、縮圖、描述等中繼資訊的協定,現在網站為了讓分享至臉書可以顯示正確的標題和圖片,都會加上這些標籤用以更清楚敘述網站。

Og:image 後面那串網址就是此頁面的照片原始鏈結,全選後複製取得圖片網址。

STEP 4
將網址貼到瀏覽器網址列後即可看到原始圖片,也就可以右鍵另存圖片囉!是不是非常簡單呢?等等,你說多張圖片的話就無法使用,我在文章最末段會有說明。

以相同方法下載 Instagram 影片原始檔
STEP 1
至於 Instagram 影片要如何下載呢?方法大致相同,一樣是在影片頁面檢視原始碼。

使用搜尋快速鍵 Ctrl + F 或 Command + F 然後搜尋「og:video」就能看到影片網址,網址最後結尾為 .mp4 ,另外還提供一個安全連線網址(以 https 開頭)。

複製網址後一樣貼到瀏覽器網址列,就會出現影片播放功能,點擊右下角「下載」圖示就能取得影片原始檔,當然你也可以在影片上按滑鼠右鍵,會顯示另存影片選項。

不過如果遇到多張圖片時,前面介紹的方法可能就無法適用,只能取得第一張相片,但也不是完全不可行,正因為 og:image 後面顯示 cdninstagram.com 為圖片網址,可以循著這個線索來搜尋網頁,就能找到其他張原始圖片網址,但要稍微花點時間搜尋,因為可能會出現不是你要的圖片就是(例如出現其他使用者的大頭貼等等)。