這幾年台灣使用 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 為圖片網址,可以循著這個線索來搜尋網頁,就能找到其他張原始圖片網址,但要稍微花點時間搜尋,因為可能會出現不是你要的圖片就是(例如出現其他使用者的大頭貼等等)。
Ten articles before and after
HTML Reference 網頁開發者必備手冊!收錄所有 HTML 元素及屬性說明
CSS Reference 前端設計師必備手冊!收錄 CSS 樣式表屬性說明及範例
如何在手機、平板電腦上以網路轉帳或信用卡方式繳稅?(免自然人憑證、免下載 App)
如何在手機掃描 QR Code 以信用卡、金融卡轉帳繳稅?免下載 App
體驗 YouTube 全新版面設計,立即啟用白色及深色模式免外掛
啟用 YouTube 隱藏「深色模式」教學,任何瀏覽器皆可使用免下載外掛
開啟 PlayStation Network 兩步驟驗證教學,保護帳戶安全避免被盜用盜刷