✅ Blogger 高清圖片固定SOP(Drive直連版)
🎯 使用目的
避免 Blogger 壓縮圖片
保持原始解析度(s0 原圖模式)
🔵 步驟一:上傳圖片到 Google Drive
將圖片上傳到 Google Drive
右鍵圖片
點【取得連結】
權限改成:
👉「任何知道連結的人」
👉「檢視者」
按完成
🔵 步驟二:取得圖片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 不會再毀你的高解析圖了。
沒有留言:
發佈留言