更換痞客邦Pixnet封面圖懶人包看了就會! 讓你的部落格 ... | 痞客邦背景
更換痞客邦Pixnet封面圖懶人包看了就會!讓你的部落格耳目一新(2018適用)[真.教學] 這一篇是好友寒武紀大[1]的指定家庭作業,他貴人多忘事記不起如何換部落格封面圖(banner)。 另外,還有幾位新好友最近更新了超寬版面(請參這一篇:[真.教學]看了就會!調整痞客邦Pixnet文章版面寬度之懶人包(2016版)[2]),但封面圖還是原來的,不夠寬的圖片讓整體美觀度遜色一大截。這兩個訴求其實算是同一件事,都是跟換封面圖有關,在引發眾怒之前,趕快把這篇寫好。 以下是我現在用的痞客邦部落格自訂1366超寬版面,因為封面圖沒改,所以系統會自動重...
更換痞客邦 Pixnet封面圖懶人包 看了就會! 讓你的部落格耳目一新 (2018適用) [真.教學]
這一篇是好友寒武紀大[1]的指定家庭作業,他貴人多忘事記不起如何換部落格封面圖 (banner)。
另外,還有幾位新好友最近更新了超寬版面 (請參這一篇:[真.教學]看了就會! 調整痞客邦 Pixnet 文章版面寬度之懶人包 (2016版)[2]),但封面圖還是原來的,不夠寬的圖片讓整體美觀度遜色一大截。這兩個訴求其實算是同一件事,都是跟換封面圖有關,在引發眾怒之前,趕快把這篇寫好。
以下是我現在用的痞客邦部落格自訂 1366 超寬版面,因為封面圖沒改,所以系統會自動重覆,再拼接起來補足寬度,就是下面黃圈圈的狀況。
封面圖等於是自己部落格的招牌,一定要好好利用它來展現自家風格。
痞客邦標準兩欄式版面,封面圖規格為 950 * 300 (寬 * 高)。延伸成 1366 寬後,則應換上 1366 * 300 封面圖。「寬 * 高」怎麼來的? 它們是定義於 CSS 程式碼內,不過本文不會有很複雜的動作,請放心。
我原有照片之比例不能符合,所以重拍,過程拿一把尺當參考基準,大約抓 26 cm 寬 & 6 cm 高,就可對應 1366 * 300 範圍。如果你想用既有照片去裁剪,找主題(主角)之寬高比在 5:1 附近的就可以了。
搭配寬度 1366 或以上螢幕,用 Windows 內建的「相片檢視器」全螢幕播放全圖。再按 PRINT SCREEN 或 ALT+PRINT SCREEN 截圖,之後貼到小畫家裁剪。
以下示範了 1366 * 300 封面圖之裁剪方式,請注意視窗底下的寬 * 高數字。(註: 如果是標準兩欄式版面,則截圖為 950 * 300,其他尺寸比照辦理)
封面圖建議存成 PNG 格式,這樣畫質不會損失,比 JPG 漂亮。
取得本站獨家住宿推薦 15%OFF 訂房優惠
【部落格痞客css樣式教學】背景系列
【部落格css樣式】 背景系列-1 哪裡改背景圖? 如何素材小圖做成連續背景?! ((背景系列文章)) 【部落格痞客css樣式】 背景系列-1 哪裡改背景圖?