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 相簿中建立一個部落格專屬的相簿,例如「記下來外連圖」之類的

bgREyADzwdsSfHd63qmmhE1Buiqit6Um3LRsXgwc3MsN8tomr481SjRvBPBNexUvderaxN31Z13T0JlW koqRQhOK6REHjYEorCzJLnpMn8PplVXWmve BGDVRMY TFkq9zBQ4NxF AgduqgYAzstDG8DWjQeoEZVCTwntwf6fpTJBi67tQgfLGs80xzaLVqfL ZFGeXSHqGjy5ukTFqNToA uGJWGD9qxiEP NjW6aFmzKr4zDb7WxtCa89RiA2h4P7y7kKOzkso4eAwSEI5f1jy3EnpVkOD e7GyBzPDC4 bBMBK9ClIIL4U9eJFbu hH 1Gb0WAZPFVaSGwM2JjSzctzpvAkN3uzSIhTcVGNVV0yUYuqp oJWPjMHZyclXRoA7N6v47rftOSsMytUPJj9q720ekcD 5RRqPXeVBVFJCFJluKEWtd GzqEZAzU3M 2z CikOEJqSDyx8LxMvkvj0VaEN8GbFhnKfCq2nuI sXQtbwtILm05WYzdvZc66NgCy1eGqt4cfaIXzH1ayNwI05 dt5IrFzSieFRAVhWaqI5O9wG0IJBzt4qnl fQKzS1NoJmFGdM Zo8c 2qOSlUJeeZgUGWD6xJkLS0Myk rovJPK2WXryPC5RzgF9gl2lijIApeYxYWE y451DRZT95Ux=w239 h279 no Google 相簿取得真實圖片位置(插入圖片到文章)

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

w98sgMOLgfNIMWjOJqPKw1QBBz9B3 0192PpeQI04iuOGrSzJDa94LJt1fSXL4ppoHQM0RMGHIz6adG4tJ2o47NvOafg2Lo 5fzcHuVWQ2PLx4eIYHTWbHi3v 23jVyCKMa2YejbE TTbvTOnqECDvYOv4 15jDG4ECv12B pm3vMJvO8zvUSDa1Sy1i4Dq7hPp4jHVlkKLWZNRda9rLJd4HDD APwlJeYCJ 1Cx JP 49RA8zqpqanifNqIEq044wefcVbcFvKWTFjnVVmbNriJoUCnrsyTdafRv4d50hw71xwL jM3WEo6zvwuWKmwS yuSb4 JqXgteuDl5MvlXQyXqiQgr r j kVM2RG15LLmvWrV0aEdut9VAwTaAxUXjg5ov7iZ3v5uF7tu5 N8Z85d4mJ9FzFaZHgYKjgjNcnfgTBP28my2lrlEZn35wfNJk dBq kDjy3Jr1nhKStNi 4XG65NaSVj1zFPRKL0zk98yzH6sYbbdzDwI Wr1lVXIRKSlAWBmwg tMcA9YLQS6e8VAoEy6mHA 2F7erRQho0nasF8H0U3FkxxEkdVvgM5s7QqmgTk1TYQIsrigwmp 2tj0mcoS1XsmFNCKX6oeDolqn7ryveFCdLukj0vXfebgGDGbq4aKtinvKfsX8M0iJqQ m=w779 h550 no Google 相簿取得真實圖片位置(插入圖片到文章)

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

dst1q7dCQAzkb0vgwfOyfL3aNqT8j5DEqoIoGXgnnFIGkR8cGYhfJt7vXh9pxaDy4BdgruI KUDuldN9cgm TLnSyjmd0dMoAG9FOwwB4397mFSBWqSx LnD P7l21qexijYtAx9KfL1ernWyWX9Ai2tqd1SX7WTanOXLE dH5n69gT2NLC2Zb8UpPOKqmcIrUQXZXPmOI9a7Kc EuERYpPCz69jbAD nDVhZPPzXoViZSFfHABveAUf0LQ8yRi9lbfc6peu5A1yW6RWJPRknOEyWwTCTjb ucVq mZzRHsEekEyXB6UtmsVLW kel2Bwrt5X0Sj XqmOxAc7ReMTckSKgqVgn93NNP2D mW qzf9V1afnZzdQ2c0HbpzUFfj14 ExARxCh28PbxQ1rXNyqEDJjJwZZaBOS8Ug1l8U45VKnu6ylwxrMLYiIvD9ResaEzATSCbdAg2tNwKDSDldITbtfvYSdePMgaI3TYgTJTeoIyjB1qUuH4RZ4 Lq7kpo5Nc5Em3 ygLMcmoOJVqTOmKRBFBsRWNK8yTQTwQ9jd3yT9c1vKbnbD nT4lIXJjKLUcPXoBZXsmrCnETtXJbT8kxg5xr07IrmRxS4f6Nl5Q891wHUuiGgXwMgSWRT GB9Vdw 8iOHKoT IZ9NseH0EHyaSpxI0=w354 h196 no Google 相簿取得真實圖片位置(插入圖片到文章)

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

XwgLzCsVfMVh 6uak3lpj0ZuwZQ5 lXOoBG5Hke3wRD Jd9lQG7BVn9ArDpaBRduAZi8d7Kql62tJPE9TQ55liSb1D7OyFN1mfjq6m5IMkvNktJbvD5uhTqKiLtdVDICtBdP3N0rhB53CRvdc2oD9F2q7urO2435lrw4 P5kB F0omSiy5b4I2SMB brUGE29fi5FNlY9q3XwaytS uRNwu1TzQovUVrOKK6JA brguiEFfffgTzDG0mNWywTQFFz9dBukU5wV8hBgBl1AiWXZSAcGYofkavUxr1iB4WVsUysXn8B 2yMQvuvHIZruHTDW QobYYTwADUJBUdhLkLr HspFLW3NZpyoBPYj3EEfkgtFI05nYxI KxVJi7NosUR8SPnVyVUC25NHMo01GP71f Ha9AtzyQYpyqizbrPWSRfLhxUUpTo znTPzhsic9cSKZH LTftAFaq39VV7W beTIZZDo1XUqBCJ1ccnvfedSXPBA76yxBlBGv NseArVbjZkSAx3ffRrQOKxriQZIcsRxwBXcqQ6mgU5XLNCvfbjyU1uqNaOVMNlJp2pEL1DuIrUmeSsqUOQu8dywpyJ5DFGy30sfhZ1gCWUt6Ks 2vwGNKi3jwDnt9DiSZVbxkC2g3yUXJSgjHlz MLrYtfl7cNHoRAU=w405 h467 no Google 相簿取得真實圖片位置(插入圖片到文章)

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

K2CmuW2udKJNskEs8WaHNkw9Ro8Z6tBssNL9L1I3aok3SNE7IAdIQCUIYauRNiZqlTyfPUFSdaQwIkMRpG8Xz5gooorG2deqQU9yTXdmw z9OtmrKeAJckSEqyKXyFu7y4WMRF5tT6l735 goIze30YFEu7dGVv18SYzjPGZy7vA5sIlsLDmja9xV4S QVpL9BPkFDC5gOtwFTkLRySLrENKxJDmt 3hwbt2juwam3NiHmTu5uGN pLDZBaZjnMDcXcI46IuqwNn41DTWoaKgZDeu1rdOKpVbHDJVpoT8l6B9cbPTaaufxlU kqvXWjPpBD5f7uGp7vVgZiPk6VGRV1wFYdfLkf3LJ6LB T Rr8fy8iPCHzMdM8dKGjx6SnLAGxGmvNJXU2mihQQ1pLQB4k JqkGfQZzpQAhVrWciCjdEc2I2tijuEO0SBFGb2HXlTNT4chotnERkqdxDn0hocWyGx4KB8S hcAJYh175oW nVFbFawBTBfVIoEvmz5Kmdbz8cAKyDXsjhRQWRiXWcIHnyb2PBUBpX4s9ZfZ6V0Z1mXPoqwKheXHiEvLN5dQMt95r NLPmSsfNX9JXORdOUKWjyhS2UCnEr 9E8awBwuK0pxiJhdLZrM4nOlJa7B pxogRCIMSY68I4rMljsn4eh2VlunLm=w617 h257 no Google 相簿取得真實圖片位置(插入圖片到文章)

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

無法出圖問題

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

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

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

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

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

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

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

小蛙後來的 SOP 是

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

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

Google 相簿將在 2021 年 6 月 1 日起不再提供除了 Pixel 手機以外的無限儲存空間配額,如果 Google 相簿已經塞了很多東西的話,可以參考這篇,快點打包相簿吧!

ACtC 3cD17p xq37U2JLPCMVNaZMILbDcv4xv7nYuEKy4H2gDqO0zk7ATyhIjhq8ByRPH4ufmSmkUyFJaO1Wx49yOwpSzG CbGdE8MbDHXseu6JUS FYA4sc7jjyTI x gnJ RvyPwqh84ePu16U0KbgNIQlEQ=w1280 h720 no?authuser=2 Google 相簿取得真實圖片位置(插入圖片到文章)
(點圖開啟 YouTube)

空間不夠備份圖片了怎麼辦?試試 Qubii Pro 吧(iPhone 儲存空間不足怎麼辦?Qubii Pro 備份豆腐拯救你!

ACtC 3cl6RD c AaP4Os6 XSKVWhLqrdDIQYeKHFJwPi40KdW5pH7tao81OsYTFjzzRRwthi7bSyyaHm0JwTaEcn vfym4gMxoQx G2eW42MQ1k2lIQY8g ozswHN4N4eAly kz1GM8BThA1Cq2uaPB9uoA6g=w1280 h720 no?authuser=2 Google 相簿取得真實圖片位置(插入圖片到文章)
(點圖開啟 YouTube)

    7 個回應

    1. 抹茶表示:

      最近在別的裝置裡看部落格時也發現到此問題 , 發覺直接複製相簿裡的圖片背景網址(https://lh3.googleusercontent.com/…-h66-no結尾的) , 很容易就發生消失的機率 , 於是想起在很久以前有擷取過真正的圖片位置 , 回憶並試了一下 , 透過 google blog 裡的發表文章 ->點選插入圖片(在html模式下)->選擇google album Archive 中的相片 , 選擇圖片後 , 點選加入圖片 , 選擇原始大小或縮小都沒關係->出現

      其中 https://3.bp.blogspot.com/…./s200/2018a2.png 沒意外的話應該是真實圖片位置 , 提供參考喽~

    2. Tiffany表示:

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

      • 黃小蛙表示:

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

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

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

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

    3. Brian表示:

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

      謝謝。

      • 黃小蛙表示:

        Brian 您好:

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

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

        • Brian表示:

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

    發佈留言

    發佈留言必須填寫的電子郵件地址不會公開。 必填欄位標示為 *

    這個網站採用 Akismet 服務減少垃圾留言。進一步了解 Akismet 如何處理網站訪客的留言資料