image

 

使用外部多媒體

以個人來說,喜歡直接把圖片、影片上傳到顯示圖片的網站上,這樣比較不用擔心網站還存活,圖片網址卻因為某種原因圖片不見的問題;不用外部多媒體的話,它們是一起存亡的。

什麼時候使用外部圖片?個人看法:

  1. 網站空間不夠或快不夠了。
  2. 上傳到網站,圖片被壓縮到太模糊(痞客邦有可能用到畫質比較差的圖片,還有救!請參考:如何在痞客邦文章使用畫質更高的圖片?)。

就算使用外部圖片,尤其是長久存在的頁面,也建議使用圖片不會被刪除、經營穩定的地方上傳,建議大家上傳前做個功課☺️。

Google 相簿是什麼?

 

photos_512dp

Google 相簿網址

在 Chrome 的應用程式裡它又稱作相片,可以把圖片、影片上傳到雲端。

如果使用手機或電腦的 APP,會建議你設定自動上傳圖片到 Google 相簿,已經上傳圖片的話,可以把本地原圖片刪除,以節省本地容量。

它所使用的儲存空間容量與雲端硬碟、Gmail 共用。

Google 相簿的分享

操作:點擊圖片 -> 共享 -> 建立連結,你會獲得一個類似這樣 https://photos.app.goo.gl/DxxxxxxxxxxxxxxxA (這不是真的)的連結,以下簡稱共享頁面的網址吧。

共享頁面,顯示畫面如下:

image

 

共享頁面不能做的事情

你沒有辦法直接使用這張圖片,例如:

  1. 在痞客邦文章,插入圖片 -> 外部圖片 -> 圖片來源網址 -> 填入共享頁面的網址 -> 確定。
  2. 在 HTML <img src="共享頁面的網址" />

你會發現做這些動作不會正確顯示圖片,接下來就來解決這個問題了。

不過你可以在圖片的共享頁面留言或表示喜歡喔😂。

Google 相簿的共享,成為純圖片吧!

無論是做完以下哪種方式,儲存在 Google 相簿的原圖片不要刪除喔!

文字看起來多,實際上步驟不多的,幫大家畫重點了~

方法一

這個方法比較簡單~

在剛剛共享頁面,點一下圖片,這時圖片被放大了,對準圖片 右鍵 -> 複製圖片位址,結束。

這個畫面:

image

雖然沒有圖片檔的結尾(.png.jpg.gif …),但它是一張純圖片!

這時再試試共享頁面不能做的事情,圖片就能正確顯示了!

記得要在共享頁面做這件事,雖然點共享頁面的圖片,和點自己相簿的圖片,介面很像。

但是,自己相簿複製出來的圖片網址,有權限問題,別人未必能看喔。

方法二

其實我先知道這個方法,算是比較進階的方式,可以做一些圖片設定,網址也比較短。

點我進網頁,感謝好人提供工具!

你會看到一個英文頁面,有沒有看懂都不影響的。

下滑頁面,直到看到它:

image

 

很明顯,要我們把剛剛相簿共享圖片的連結填進去,並按紫色按鈕!

點完之後出現以下畫面:

image

大家可以盡情調整囉,那我們的圖片網址在哪裡呢?

右上角那個語法框,整個語法複製下來,放在網頁是可以顯示多張圖片,類似圖片瀏覽器的工具。

如果要用純圖片,找到 object 裡面的 data,雙引號 " 裡的東西都複製起來,這就是我們要的。

同樣,用這個純圖片新網址做共享頁面不能做的事情,可以正常顯示圖片了。

謝謝您的觀看了😎!

參考資料

https://www.publicalbum.org/blog/

arrow
arrow

    彩世 發表在 痞客邦 留言(2) 人氣()