考慮到行動版面的加載速度與記憶體,往往設定會自動將行動版面的封面圖解析度降低。若需提高行動版面的封面圖解析度,可參考下列步驟,將Html置入欄位中。其原理是將在電腦版的圖面網址複製給行動版面使用,同時針對解析度可進一步調整。
1.搜尋<img expr:alt='data:title',將會看到下列程式碼,並將該段程式碼刪除。
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
2.在同一個位置貼上下列程式碼
<b:if cond='data:blog.isMobile'><!-- IMG MOBILE -->
<img expr:alt='data:title' height='auto' expr:id='data:widget.instanceId + "_headerimg"' src='http://3.bp.blogspot.com/-Cpn0Km7PdCo/VUDU4vr-KtI/AAAAAAAAc8s/39E61ABBArk/s400/goodkindles.png' width='100%' style='display: block'/>
<b:else/><!-- IMG WEB -->
<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + "_headerimg"' expr:src='data:sourceUrl' expr:width='data:width' style='display: block'/>
</b:if>
3.搜尋 name='displayUrl',並將銜接於後面的src='http://.........png'的圖片網址複製起來,以實際操作的圖片網址案例程式碼如下。
http://4.bp.blogspot.com/-I-Tk_vo3ijs/XCzhAvoj9fI/AAAAAAAADSc/hlwaur1STes6JR0RaADfoXJcLGSzkzOSwCK4BGAYYCw/s1600/%2528%25E5%25A5%2597%25E7%2594%25A8%25E5%259C%2596%25E7%2589%2587%2529%25E4%25BA%25BA%25E7%2594%259F%25E3%2580%2581%25E9%25A4%258A%25E7%2594%259F.png
4.將2.的 src='http://3.bp.blogspot.com/-Cpn0Km7PdCo/VUDU4vr-KtI/AAAAAAAAc8s/39E61ABBArk/s400/goodkindles.png',以3.圖片網址取代之。
另外提醒一點,圖面的解析度可由網址中的s400調整之,隨著數字越大,圖片解析度越高,最高數值為s1600。
-----如果文章對您有幫助,打開微信掃一掃,請作者喝杯咖啡。-----