Blogger圖片上傳失真解決方法

Blogger上傳圖片時，明明選的圖檔沒問題，不過預覽時卻變得模糊。

爬了文才知道，Blogger的縮圖會自己調整解析度。

在使用上傳圖片後，切換至HTML模式，可以發現如下圖的物件。

有兩個超連結，上方為縮圖點開後的圖片連結，下方為文章內的縮圖連結。
其實他們的來源一樣，只是Blogger回傳圖片給我們時額外做了解析度的調整；

上方紅框部分為原圖的解析度，下方則為處理過後，可以發現降低了不少。

最簡單的方法就是我們把縮圖的解析度調整為和原圖一樣，問題就解決了！

但每次都要手動調整也滿麻煩的，因此這邊提供一個簡單的JavaScript語法。

<script language="javascript">
var divImage = document.querySelectorAll("div img");
for (var c = 0; c < divImage.length; c++) {
	var src = divImage[c].getAttribute("src");
	if(src.indexOf('blogger.')==-1){
		continue;
	}
	var a = src.lastIndexOf("/",src.lastIndexOf("/")-1);
	var b = src.lastIndexOf("/");
	var newsrc = src.substring(0,a+1) + "s1600" + src.substring(b,src.length);
	divImage[c].setAttribute("src", newsrc);
}
</script>

將這語法貼到版面配置>新增小工具>HTML/JavaScript中，儲存即可。

他會自動替換有"blogger."關鍵字的圖片超連結，將解析度改成s1600。

如此一來就不用每次上傳圖片就需要手動改一次了。