我的論壇-秋吱吱論壇世界美食論壇

我的淘寶店-萌花園充值中心

我的Blogger-夏吱吱

查看我的拍賣 歡迎參觀我的賣場

2012年2月22日 星期三

Blogger內建圖片語法改變


今天在寫文章時發現到圖片用1600全圖展開時,並不能發揮作用,依舊保持在400px大小,其實上一篇就有注意到,但是當時忙著出國事宜,沒空去了解發 生了什麼事,今天看了一下原始碼,才發現Google改變了原來的語法,多了一個width及height,寬度和高度的設定,固定你圖片顯示的大小,所 以將s400改成s1600也沒有用,他出現的圖片還是維持400px的大小,新的語法如下,

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP7Roo5dD4qxFBXI9-fd4y7LzTMYZyZvwGayvWI93JDpfVi9st6DLsL0W0pe4p6PX07Tm2IboHBYkAEPOZ18Bw7lmmun5Oo1w4zhPZ7N_whOypjlTNpNWLDqu9vsYdeyMtLSz5FQsPgNU/s1600-h/xxx.jpg"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;width: 400px; height: 281px; " src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEiP7Roo5dD4qxFBXI9-fd4y7LzTMYZyZvwGayvWI93JDpfVi9st6DLsL0W0pe4p6PX07Tm2IboHBYkAEPOZ18Bw7lmmun5Oo1w4zhPZ7N_whOypjlTNpNWLDqu9vsYdeyMtLSz5FQsPgNU/s400/xxx.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5272123377107000914" /></a>

原始的語法,如下


<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmto9XxH2UQJxbSKlNiD_a4ET08DkGxZ3rpX-VJv2THFVnOiiWLQI_We5sxY_uNeted9pKq2-YCXQzlCtJSo-JT3cbVdvtOdgx6Idh_6dP5C1sdKNG555wREV2uLG4S-yfG2P9Zd8SUvg/s1600-h/045.JPG"><img style="display:block; margin:0px auto 10px; text-align:center;cursor:pointer; cursor:hand;" src="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEjmto9XxH2UQJxbSKlNiD_a4ET08DkGxZ3rpX-VJv2THFVnOiiWLQI_We5sxY_uNeted9pKq2-YCXQzlCtJSo-JT3cbVdvtOdgx6Idh_6dP5C1sdKNG555wREV2uLG4S-yfG2P9Zd8SUvg/s400/045.JPG" border="0" alt=""id="BLOGGER_PHOTO_ID_5223518654501334610" /></a>
如何解決呢?

第一、將width: 400px; height: 281px; 這段敘述去除,依舊將s400改成s1600即可。
第二、將width及height設成實際圖片的大小px,s400可以不用動,也要將s400改成s1600,相片才不會失真,如果沒改它會用擴大的方式呈現相片,會讓相片模糊,超過1600px也能展示,不過圖放那麼大,瀏覽也不容易吧。

這次的修正幸好沒有更動到先前的圖片,只是以後上載的圖片會有這種情形,不過感覺Picasa修正的情形好像越來越多,大家可以留意一下。

如果不了解上述作者在說些什麼,可以參考以下兩篇:
啟用Picasa網路相簿服務
Blogger圖片大小的控制

加入書籤 :

0 意見:

張貼留言