Background of Blogger - 背景尺寸

Add   Comments

部落格的背景色調有些沉悶, 所以換成較明亮的背景.
圖樣的整修花了一些時間; 細節部份很多問題.
最大的問題是 Blogger 的背景尺寸, 應該設定多少?

Blogger 的自訂背景尺寸,建議是 1800 * 1600 px
對於這個建議尺寸抱持著很大的疑問.

基本上 CSS 通常採取安全的小圖樣 repeat 的設定,並沒有隨視窗縮放的屬性.
如果不考慮在 CSS 裡面更改 background 屬性參數. (全圖隨視窗縮放) * 補充
避免大圖樣在各種的螢幕尺寸呈現出變形. 所以 Blogger 才會建議更大的尺寸.

但是這個尺寸在一般電腦螢幕顯示下,是有些可笑的.
目前一般尺寸是 1024 * 768 或是 1280 * 800.
在建議的尺寸下,主題會被裁切成不完全. 那麼就失去大圖像的意義.
所以我們在選取背景主題時,和設定完成後, 看起來一定不一樣.
加大尺寸的圖樣,只是滿足少數的螢幕尺寸規格的需要; 這樣是不對的.
Blogger 在別人的電腦螢幕裡,是呈現什麼樣子?
Test size 這個網站服務可以讓我們知道, 應該如何調整背景尺寸.

如果一開始就把圖片設定成 1024 * 768 px 呢?
有個小問題...
真的有人的螢幕解析度比較大.
上下左右方向會有重疊或者露出底色.
我覺得 1680 * 1100 是最保守安全的尺寸, 雖然這個尺寸有點奇怪.
小技巧是先將圖樣設定成 1024 * 768 . 就是一般螢幕呈現的狀態.
再將這個圖樣套入 1680 * 1100 的底圖中; 靠側邊貼入. 再上傳到相簿.
或者, 底色採取跟 CSS background-color 一樣的顏色. 不必加大尺寸到1680.
畢竟 300K 的尺寸要好好利用.
當然, 如果是使用部落格模組的網路服務, 只需要安裝整套的模組. 非常方便.

PS: Test size 預覽的是全螢幕狀態, 如果想展現"完美"大圖像. (沒有任何裁切損失)
必須考慮到瀏覽器與工具列的寬度; 然而每一部電腦的設定都不同.

留言提示 - Comment Tips
◆ 如果您有任何想法或意見,歡迎參與留言。
◆ Disqus匿名留言,信箱及個人資訊不會公開顯示。
◆ 請多使用社群帳號留言,可簡化流程並訂閱回復。
◆ 『私密留言』請使用Google+分享按鍵,留言須使用『@Mark X』在訊息中,以免遺漏通知。
◆ G+ 訊息中指名分享對象的參考文件: 『 說明
  • Disqus
  • Blogger
  • Facebook
Anonymous left your nick please