Blogger背景圖片


這是一篇關於如何自訂Blogger背景的小筆記.
上一篇的背景尺寸是依照Blogger上傳背景圖片的流程, 檢視背景尺寸應該設定多少? ➤ Click here

如果你不想受限於圖片尺寸, 並且能修改圖像. 自訂一個個性化的背景是相當有趣的事情.
只需要記得一般的電腦螢幕解析度是1024x768, 設計的背景圖不超過這個尺寸, 看起來是比較完美的圖像.

圖片製作區分兩類:

* 1. 透明背景. 將圖像的背景移除. 例如png檔案或是gif檔案. (可使用動畫背景圖)
好處是背景色隨時可更換;而不需換背景圖. 缺點是檔案較大;載入網頁會變慢.


例如我的模組尺寸是920px, 主圖A.png依據模組尺寸修改成適合的大小比例. 
將A.png上傳到相簿, 取得圖片網址即可.

* 2. 套入不透明背景. 將主圖A加上預定的部落格背景色, 另儲存為壓縮的jpg格式.
好處是圖檔可以壓縮變小, 但事先要決定好背景色;不能隨時更換.


A.jpg採用部落格相同的背景色, 融入後將看不見圖像的邊緣, 使得檔案更加精簡.
不透明的gif檔案在每一幀圖片的背景色需一致, 否則將產生跳色的不協調感.

* 修改CSS. Ctrl+F 找到 body.background 這一段落.
修改value設定值 #FFFFFF 改成背景色碼. url(圖檔網址)

另有將圖片設置於指定位置的參數,請自行研究. 懶人病又犯了。。。