部落格新手在痞客邦的第一個家

痞客邦圖片管理的第一步：

1. 【部落格後台】
2. 左欄最下方的【設定管理】
3. 中段：【文章中圖片大小的統一設定】
4. 選擇：【依文章寬度】

痞客邦預設的是「強制調整到400px」，
如果原本照片的寬度大於400像素，文章中的照片會先縮小到400px，
當閱讀過程中，滑鼠移動到照片附近，照片將自動放大。

由於每個部落客選取的模板不同，每個模板設定的欄寬也不同，
同一篇文章中照片在更換不同的模板之後，視覺上可能會有所不同。
加上每張照片的來源不同，也會造成照片在文章編輯中排版上的問題。
在不修改CSS的情況下，建議圖片在上傳痞客邦之前，自行對於照片進行編輯的動作。

表格中列出了大多數圖片的來源、檔案大小，以及原始圖片的像素。
建議使用圖片編輯軟體Canva，先固定每張圖片的尺寸大小，編輯後以JPG格式存檔。

手機照片原始檔案  像素4000*3000 檔案3.61MB

CANVA自訂尺寸為1920*1080，存成JPG模式檔案大小為324KB

CANVA自訂尺寸為1200*630，存成JPG模式檔案大小為128KB

CANVA自訂尺寸為680*591，存成JPG模式檔案大小為59.3KB

痞客邦過去的版本，照片顯示的尺寸不能超過1024，太大的檔案，上傳後都會被自動壓縮。
現在2022年的版本，痞客邦的【相簿管理/上傳】，對於照片尺寸沒有任何相關的選項。

痞客邦的部落格大神，歐飛先生，模板是屬於三欄式，照片使用680*591即可搭配內文欄寬。
歐飛大的【部落格實戰】12｜部落格圖片的優化有詳細介紹。
擷取歐飛大的結論，上傳的尺寸太小，放大後會有失真的現象。

用680*591的尺寸，可以擁有最小的檔案，享受較快的速度呈現出文章中的圖片。
如果將680*591的圖片，改為二欄式的模板，會不會造成圖片略為失真的狀況？
老實說，轉換過的結果我個人的感覺差異不大。

關於部落格圖片的照片尺寸，是否有一定的規定，似乎沒有一定的答案。
部落格圖片是我個人在部落格創作上最頭痛的問題，

關於圖片，部落格新手一定要做到的事：

1. 固定圖片大小，方便自己文章編輯。
2. 將圖片存成JPG檔案，縮小檔案大小。

後續，我會將我在部落格圖片中所遭遇到的問題，並分享我自己想到的解決方案。

延伸閱讀：
歐飛大的圖片優化有五個步驟，為什麼我的小結論只有兩個？
歐飛大是部落格老手，他的步驟才是完整的。
我是部落格新手，連圖片尺寸都還沒搞定規格，後續是否要用浮水印？
不是現階段新手的我會遇到的問題，所以目前還不是我的問題。