如果你沒有買痞客邦的相簿容量擴充,但是又擔心自己相簿容量不夠

打文章沒辦法繼續圖文並茂實在太痛苦了!!!

可以試試看利用Google相簿的功能

上傳高畫質的圖片,然後利用痞客邦發文區塊裡頭的選單插入外部圖片就可以囉!

 

 

我們來看看怎麼做吧!

首先將你的圖片上傳到google相簿裡頭

上傳完畢之後在你想要用的那一張圖片的頁面按一下右鍵複製圖片位址

接著回到你的痞客邦發文區,看一下上面的選項有一個「插入圖片」梅花問路 痞客邦 插入圖片「外部圖片」

梅花問路 教你連接外部圖片到痞客邦

然後你的圖片就可以成功的嵌入到文章裡頭囉!(但是應該還是會存一個快取圖在你的系統相簿,只是應該是比較不占空間吧!)

 

 

如果你的圖片畫質太高、檔案太大,上傳不了痞客邦相簿,上傳google相簿又會被壓縮

梅花的朋友星河推薦了線上圖片壓縮-TinyPNG,經過實測,梅花把一張2M的原圖先經過TinyPNG線上壓縮之後下載下來的圖片

再上傳到你的痞客邦相簿或是google相簿,內嵌到文章裡比較不會失真,還能夠兼具節省空間的好處!

 

一般我們用文章發表選單或是痞客邦相簿上傳的圖片也是會被壓縮過的

上傳到相簿的照片可能會有這些結尾,分別代表的意思如下(參考出處: 圖片大小迷思)

大 1024 _I
中600 _n
小450 _m
大縮圖 170*170 _q
中縮圖 120*120 _s
小縮圖 90*90 _t

   (痞客邦圖片壓縮位址相關說明參考文章:【梅花的CSS學習】更換部落格背景底圖)

 

可以直接在文章編輯區當中對你的圖片按一下滑鼠右鍵「影像屬性」URL的區塊刪除這幾個壓縮你圖片的結尾字

然後可以自己手動調整自己圖片想要顯示的寬度或是高度(梅花通常只會調整寬度),這樣就行囉!

 

2020.07.23更新

1075864935971_5020.gif1075864935971_5020.gif1075864935971_5020.gif

如果要利用已經上傳到google雲端硬碟的素材、圖片,請參照這篇的作法公式執行即可

建立 Google drive 圖床並顯上到網頁上

REF.小無的教學- https://smallwu36.pixnet.net/blog/post/46006311

 

步驟筆記: 上傳到google drive→開啟檔案→右上角點一下選"在新視窗中開啟"→複製ID

公式:  https://drive.google.com/uc?export=view&id=上面複製的ID

1075864935971_5020.gif1075864935971_5020.gif1075864935971_5020.gif

 

2020.09.17更新

1075864935971_5020.gif1075864935971_5020.gif1075864935971_5020.gif

根據Google的PageSpeed Insight建議 

JPEG 2000、JPEG XR 和 WebP 等圖片格式的壓縮效果通常優於 PNG 或 JPEG,因此能提高下載速度並節省使用者的數據用量

所以我就找了一個可以線上轉檔圖片的網站 Online jpg to webp converter

但是轉換成Wepb之後就無法上傳到痞客邦相簿了(痞客邦不支援圖片Wepb格式)

我們就只能繼續回到本篇前面講到上傳到google相簿的步驟上傳並且抓出圖片位址,一樣利用在文章或是版面裡唷!

以下詳細給大家看一下利用Online jpg to webp converter轉檔圖片成Webp格式的使用步驟

 

梅花問路 線上圖片轉檔 jpg to webp 步驟一

梅花問路 線上圖片轉檔 jpg to webp 步驟二

 

梅花問路 線上圖片轉檔 jpg to webp 步驟三

 

梅花的語法筆記

檢視CSS標籤F12 (Ctrl+Shift+I) 箭頭粉.jpeg *開發人員工具*


部落格整體 #body 箭頭粉.jpeg *換背景底圖*箭頭-15.png*換字體*箭頭-15.png*換部落格ICON*箭頭-15.png*設計LOGO* 


封面橫幅#banner/#header 箭頭粉.jpeg *換封面底圖*箭頭-15.png*部落格標題敘述大小位置*


文章區塊 #content 箭頭粉.jpeg *改文章標題字體、背景*


公告版面 #spotlight 箭頭粉.jpeg *公告版面應用*


側欄區塊 #links 箭頭粉.jpeg *改側欄標題的背景*箭頭-15.png*Facebook粉專外掛image箭頭-15.png*音樂外掛image箭頭-15.png*YouTube外掛image箭頭-15.png*分享連結階層*


實用推薦 箭頭粉.jpeg *看所有語法筆記文章*箭頭-15.png0074.gif梅花的語法筆記本0074.gif箭頭-15.png*看梅花的CSS標籤筆記*箭頭-15.png*文章內的目錄(錨點)image箭頭-15.png*關閉遮蓋版面的廣告*箭頭-15.png*隱藏上方藍色選單*箭頭-15.png*連結Google相簿*箭頭-15.png*圖片瘦身不失真*箭頭-15.png*讓部落格可以被Google*箭頭-15.png*Google Analytics分析*
箭頭-15.png精美分隔線圖片大全箭頭-15.png語法DIY美美的標題分隔線

 

 

如果您喜歡梅花的文章,希望您可以幫忙梅花按火箭20次推推🚀
留言支持📝,轉發分享推薦給您的朋友 箭頭符號:01.gif
🌸 🌸 🌸 非常感謝您 🌸 🌸 🌸

triangle dot dividing line illustration_4505965.png

地藏王菩薩愛
迎接地藏王菩薩進入您的人生,推薦您以下三個天界之舟出品的禱告運用
點閱播放讓地藏王菩薩幫助您~
驅離邪靈惡鬼騷擾
、財運亨通、身體健康、擺脫惡疾、人生順遂

triangle dot dividing line illustration_4505965.png

當你/妳覺得最近很需要
驅魔、收驚、制煞、鬼壓床、運勢差、體虛多病
204.gif循環播放驅魔禱告篇-常保身心靈乾淨健康204.gif


或是妳/你正在投入投資理財、自營事業
204.gif
在店裡或是工作室循環播放發財禱告篇-護佑經濟生活穩定無虞204.gif


祝願您非常健康,若您認為自己體虛多病、罹患癌症、而且家族有相關遺傳病史,還是身邊有患者/癌友
204.gif
時常播放抗癌禱告篇-護佑身體健康遠離癌症204.gif

藍綠色簡約方塊分隔線-2(延長).png

藍綠色簡約方塊分隔線-2(延長).png

arrow
arrow

    梅梅 發表在 痞客邦 留言(0) 人氣()