Google 相簿取得真實圖片位置(插入圖片到文章)

很久以前小蛙就在使用 Google 相簿,那時叫做 Picasa,小蛙當時還寫了Picasa 3教學 – 免費相簿的基本介紹與使用方式介紹他,只是現在改名叫做 Google 相簿(Google Photos),這篇小蛙沒有打算介紹 Google 相簿的使用方式,只會記錄怎麼從 Google 相簿取得真實的圖片網址,來做其他應用。

Google 真的是佛心來的,經常出一些免費的服務讓大家用,有時候根本你也不知道他們到底推這服務是有賺錢還是沒有賺錢,只覺得自己好像沒有付錢給 Google 這些服務過,不過我們這些市井小民根本不用擔心 Google 賺不到錢,就像這篇文章所介紹的,從來沒有付錢給 WinRAR 的公司過,可是這家公司卻都能一直存活下來,「事情絕對不是小蛙這種憨人所想的那樣」,哈哈!

既然 Google 推出那麼多便民又免費的服務,那我們底層消費者就在使用條款盡量地使用囉!Google 相簿的使用方式很簡單,就是建相簿 -> 丟照片,只要把相片拉到瀏覽器上,就會開始上傳了,相當簡單。

小蛙原本部落格的外連圖片試過很多方式,一開始是把圖片放在伺服器上,之後放在 Picasa 上,後來又覺得這樣有點麻煩,每次都要複製連結或是找外掛來插入圖片,就多買了一台伺服器來放圖片,直接透過 wordpress 的上傳圖片功能整合性很好,好景不常,遇到了血的教訓 – HiFormance 跑路了 …,只好又尋求圖片外連,因此才有今天這篇文章。

簡單統整一下把圖放在自己伺服器上或是其他圖床上的差別:

  • 伺服器的流量:如果放在伺服器上,就必須算自己的流量,對一個非常熱門的網站又有流量限制的來說,將是不小的負擔;相對的放在圖床上的話,使用者是直接從圖床下載圖片,不會經過伺服器。
  • 伺服器的負擔:同上,出圖給使用者也會造成伺服器的負擔。
  • 伺服器的空間:當圖片的量一大起來,儲存空間跟每次備份需要的空間、時間也都會需要納入考量。
  • 插入圖片的麻煩程度:上傳/插入圖片是 WordPress 的基本功能,使用上沒有什麼問題,但如果使用其他圖床,就必須要自己去複製圖片的真實位置或是安裝其他外掛來達成,有時候 WordPress 改版、圖床 API 改版 … 等問題造成外掛無法使用,就又必須回到手動複製圖片位址的方式進行。

小蛙目前最大的問題是伺服器的空間,因此又走回使用 Google Photos 當作外連圖床的方式來嵌入部落格需要的圖片,扯了那麼多終於要進入正題了。

小蛙的做法是在 Google 相簿中建立一個部落格專屬的相簿,例如「記下來外連圖」之類的

進入相簿,點選其中一張要外連的相片

在要外連的圖片上點選滑鼠右鍵 -> 複製圖片位址

接著在部落格或其他要外連的地方,貼上連結就可以了,以 WordPress 5.0 為例,新增一個圖片區塊

接著把剛剛複製的圖片網址貼上就完成了。

這個發布的流程小蛙非常習慣了,也就沒有去找其他外掛來做這件事情,現在應該會有外掛可以幫忙做這件事,不過如同上面提到的,因為版本或是更新的關係可能導致外掛突然不能用,也是一個麻煩,索性就都改成手動自己新增了!

無法出圖問題

有網友反應有時候已經把圖片連結複製出來了,也已經把相簿設定成共享,或是把圖片加入到共享相簿了,可是卻還是無法出圖,這狀況小蛙也發生過,想說把自己的狀況寫在這邊,給有遇到這狀況的網友參考。

其實 Google Photos 只要有設定「共享」,理論上都會可以被外嵌在部落格系統中,這其中的變數在於

Google Photos 中,對圖片做的任何變動,都可能造成連結變動

我們知道了這個前提之後,得出了結論

使用確定不會再做變動的圖片的連結

上面提到的「變動」,小蛙沒有一個一個試過,不過「加入到相簿」這算是一個變動(編輯圖片算不算小蛙就不知道了,因為小蛙都是圖片處理好之後,直接上傳到外連相簿,就不再做其他變動)。幾點要注意的事項:

  • 用「相片」頁籤裡的圖片連結是沒有用的
  • 圖片經過搬移後,網址可能會發生變動(Google 相簿的搬移其實是加標籤的方式,並非真正的搬移)
  • 手機的同步功能如果蓋掉同一張圖片,網址會發生變動

小蛙後來的 SOP 是

  • 用電腦的話,所有圖片處理好,直接上傳到外連相簿後產生網址
  • 用手機的話,所有照片處理好,手動同步要上傳的照片,在透過電腦版加入外連相簿後產生網址
  • 寫好的文章都用 Chrome 無痕模式看一次

要記住的是,網址一定要在外連相簿中產生,產生之後避免對圖片做任何變動,就可以免疫無法出圖的問題囉!

5 個回應

  1. Tiffany表示:

    可是有些圖片都是在同一個相簿裡面,也更新為”已共享” 可是某些照片就還是show 不出來。很讓人煩惱呢!

    • 黃小蛙表示:

      Google Photos 的機制是對圖片有任何變動,都會產生新的網址,下面這些狀況都會無法出圖:
      1. 用手機上傳到「相片」,直接用相片裡的連結
      2. 承 1,如果是用 1 的連結,再把相片加到共享相簿
      3. 用共享相簿中的連結,但是又再上傳相同的圖片到相簿中
      4. 用共享相簿中的連結,但又用手機的同步功能上傳過一樣的照片

      上面這四種都會造成原始連結無法出圖,因為對 Google Photos 來說,實際上圖片「變動了」,
      因而產生出新的網址出來,雖然對使用者來說圖片看起來就是同一張 ~~

      小蛙後來的制式做法是
      a. 如果用電腦上傳的話,確定好要上傳的圖片,直接上傳到共享相簿
      b. 如果是用手機上傳的話,關閉自動同步,選擇自己要同步的項目上傳
      這樣照片會上傳到「相片」頁籤中,再把確定要連結的加入到共享相簿裡

      盡量先有共享相簿 -> 放進照片 -> 產生連結,應該都可以出圖,
      另外寫好的文章,先用「無痕模式」看看有沒有出圖,
      倒是小蛙有些文章過了好幾天才發現根本沒圖 ><

  2. Brian表示:

    請問一下,我也是這樣使用
    我自己在寫的時候是看的到圖片的
    不過發佈之後,有些人會看不到圖片
    不知道你有沒有遇過這樣的情況?

    謝謝。

    • 黃小蛙表示:

      Brian 您好:

      先恭喜您有小寶寶了!小蛙上次也有遇到這個狀況,
      1. 小蛙先上傳一批圖,後來又蓋掉同一批,造成 link 變動
      2. 相簿的”共享”設定沒有打開

      “共享”設定打開之後應該就可以了喔!
      小蛙是建一個相簿,把相簿的共享打開,
      之後部落格的照片通通放該資料夾,
      然後再照上面的步驟做連結 ~ Good Luck!!!

      • Brian表示:

        謝謝。
        因為照片都是直接上傳到我老婆的Google Photo
        確實有可能是少了一個「建立相簿及設定共享」的動作
        我再重新試試看。

發佈留言

發佈留言必須填寫的電子郵件地址不會公開。