Blogger 高清圖片固定SOP(Drive直連版)

✅ Blogger 高清圖片固定SOP(Drive直連版)

🎯 使用目的

避免 Blogger 壓縮圖片
保持原始解析度(s0 原圖模式)

🔵 步驟一:上傳圖片到 Google Drive

  1. 將圖片上傳到 Google Drive

  2. 右鍵圖片

  3. 點【取得連結】

  4. 權限改成:

👉「任何知道連結的人」
👉「檢視者」

按完成

🔵 步驟二:取得圖片ID

你會得到一個網址,長這樣:

https://drive.google.com/file/d/圖片ID/view?usp=sharing

例如:

https://drive.google.com/file/d/1_dcLCOtxjVPN4MDmkRKg5SQ_McJ-1vcn/view?usp=sharing

📌 中間這串就是圖片ID:

1_dcLCOtxjVPN4MDmkRKg5SQ_McJ-1vcn

🔵 步驟三:轉成「高清原圖網址」

把圖片ID套入這個格式:

https://lh3.googleusercontent.com/d/圖片ID=s0

例如:

https://lh3.googleusercontent.com/d/1_dcLCOtxjVPN4MDmkRKg5SQ_McJ-1vcn=s0

📌 s0 = 原始尺寸(最重要)

🔵 步驟四:貼到 Blogger(HTML模式)

進入文章
→ 切換到「HTML模式」
→ 貼上這段:

<img src="圖片網址" style="max-width:100%; height:auto;">

例如:

<img src="https://lh3.googleusercontent.com/d/1_dcLCOtxjVPN4MDmkRKg5SQ_McJ-1vcn=s0" style="max-width:100%; height:auto;">

✅ 這樣會得到什麼效果?

✔ 保持原始解析度
✔ 不被 Blogger 壓縮
✔ 手機版自動縮放
✔ 電腦版清晰
✔ 可長期使用

🟢 進階可選設定(非必要)

如果圖片很大,你可以限制最大寬度:

<img src="圖片網址" style="max-width:1200px; width:100%; height:auto;">

這樣畫面更穩定。

🚨 常見錯誤提醒

❌ 不要用 folders 連結
❌ 不要直接複製 Drive 預覽頁網址
❌ 權限沒開公開會讀不到
❌ 不要忘記 s0

🔥 建議你做一件事

把這段格式存成記事本範本:

https://lh3.googleusercontent.com/d/圖片ID=s0

以後只換圖片ID即可。

這個流程你可以長期使用。
Blogger 不會再毀你的高解析圖了。

沒有留言:

發佈留言