2009年8月14日 星期五

Blogger的插入圖片

在Blogger中使用預設的工具插入圖片
有時候會覺得照片看起來糊糊的
那是因為Blogger在上傳圖片的時候幫你做了兩件事

首先,如果圖檔的長或寬有一邊超過1600px
那他就會先幫你重新壓縮成1600為最大

第二,在顯示圖檔的時候,他會是以長邊為400的縮圖來顯示的
因為在選定的時候大小就只有200,320,400三種大小而已
這樣可以讓圖的載入速度變快,但是有時就會覺得畫質不好

在加入圖案的時候,選擇修改Html,可以看到原始碼

<a
onblur="
try {parent.deselectBloggerImageGracefully();}
catch(e) {}"
href="http://4.bp.blogspot.com/_7YTvBjsH78k/
SoT-IhmThfI/AAAAAAAAApM/Ax3wDbQ4uBw/s1600-h/
use+case+1.png">
<img
style="display:block; margin:0px auto 10px;
text-align:center;cursor:pointer;
cursor:hand; width: 400px; height: 320px;"
src="http://4.bp.blogspot.com/_7YTvBjsH78k/
SoT-IhmThfI/AAAAAAAAApM/Ax3wDbQ4uBw/s400/
use+case+1.png"
border="0"
alt=""
id="BLOGGER_PHOTO_ID_5369696078143915506"
/>
</a>

上面紅字的地方,就代表著使用400px的縮圖為來源
所以我們把它修改成s1600
就會是以最高解析度的原圖顯示了

--
參考資料
Blogger圖片大小的控制
Blogger上傳圖片的原始碼解析

沒有留言:

張貼留言