[Blogger]如何提高行動版面的封面圖解析度?

版权声明:本文为博主原创文章,未经博主允许不得转载。 https://blog.csdn.net/weixin_42008031/article/details/85727613

考慮到行動版面的加載速度與記憶體,往往設定會自動將行動版面的封面圖解析度降低。若需提高行動版面的封面圖解析度,可參考下列步驟,將Html置入欄位中。其原理是將在電腦版的圖面網址複製給行動版面使用,同時針對解析度可進一步調整。

1.搜尋<img expr:alt='data:title',將會看到下列程式碼,並將該段程式碼刪除。

<img expr:alt='data:title' expr:height='data:height' expr:id='data:widget.instanceId + &quot;_headerimg&quot;' 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 + &quot;_headerimg&quot;' 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 + &quot;_headerimg&quot;' 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

-----如果文章對您有幫助,打開微信掃一掃,請作者喝杯咖啡。-----

猜你喜欢

转载自blog.csdn.net/weixin_42008031/article/details/85727613