2008年11月24日 星期一

Blogger內建圖片語法改變

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

<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEgQyrxKPIJfGZMxJNtxSbw1ghfxqss3UkXaYR5bT1EdDSHwydXubkEmRhmQWj8pn4kAJoGOvtmKYVS4Q7R-J9OUKE_bDTnRuhtpn2kQ-EZiw4UJWxDQ3r9EOCPgNkJAiF23Mgh5nwN9RRY/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/AVvXsEgQyrxKPIJfGZMxJNtxSbw1ghfxqss3UkXaYR5bT1EdDSHwydXubkEmRhmQWj8pn4kAJoGOvtmKYVS4Q7R-J9OUKE_bDTnRuhtpn2kQ-EZiw4UJWxDQ3r9EOCPgNkJAiF23Mgh5nwN9RRY/s400/xxx.jpg" border="0" alt=""id="BLOGGER_PHOTO_ID_5272123377107000914" /></a>

原始的語法,如下
<a href="https://blogger.googleusercontent.com/img/b/R29vZ2xl/AVvXsEhZt6yoHQLJtzFeizAjkQdegHHdVAvy1PRx1qWGB8wm4Y7wEPmAsZWMVuUfcw2ZXHbMRFB2ylCyGpKrF6LF-8ZA4dtxse-56iv8EKqlYbgwm9FwxvlTC0EDIrN-eiw7IrebeahQB6YBGeQ/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/AVvXsEhZt6yoHQLJtzFeizAjkQdegHHdVAvy1PRx1qWGB8wm4Y7wEPmAsZWMVuUfcw2ZXHbMRFB2ylCyGpKrF6LF-8ZA4dtxse-56iv8EKqlYbgwm9FwxvlTC0EDIrN-eiw7IrebeahQB6YBGeQ/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圖片大小的控制

17 則留言:

  1. 謝謝,一個禮拜沒看文章,好多文章等著看呢.

    回覆刪除
  2. 之前也發現這個問題,我竟然沒有仔細去檢查原始碼,反而用了另一種笨方法---把每一張相片大小設定好才上傳....
    非常感謝 ^_^ ...

    回覆刪除
  3. 以前在別的BSP寫Blog的時候,圖片的寬度我都是設500px,搬到Blogger後,他都會自動限制在400px,一開始還覺得不方便,後來發現...圖片寬度被縮小後,我設計版面的彈性就變大了!因為以前總是會設限在文章區塊的寬度一定要在500px以上(才不會因為圖片太大而造成版面顯示不正常),現在反倒比較不用去顧慮到這個限制了。

    回覆刪除
  4. To Tracy &南野紗羅,原來還是有人和我有相同的問題,picasa最近的修正真的有點麻煩,不過適應就好,找出最方便的方式來利用。

    回覆刪除
  5. 請問綸太郎,
    不知您google相簿的照片連結位址會不會時有變更?
    近來我發現較早期的文章,其中圖片無法顯示;
    查閱其圖片位址後,發現以前從相簿複製過來的位址現在卻不同了...
    不知是何原因?而且若要重新一張張的修改位址...實在不太可行啊。

    列出一個例子如下:
    blog網頁:
    http://stevenlins.blogspot.com/2007/12/m-planar-6028.html
    第一張無法顯示的照片位址:
    原址:
    http://lh5.google.com/stevenlins/R2oaHq6ERYI/AAAAAAAADes/axcjdW8kcWE/s800/IMG_1521.jpg
    現址:
    http://lh5.ggpht.com/_Zy0VJqGGiok/R2oaHq6ERYI/AAAAAAAADes/eKgnmiReo0k/s800/IMG_1521.jpg

    回覆刪除
  6. 我記得不能直接把圖複製到自動產生的部落格圖片資料夾而去連結他,你應該是這種情形,好像自動產生的資料夾網址,如果Picasa內部有變動,其自動產生的網址也會更新,也就是你自己命名的圖片資料夾,和自動產生的資料夾裡的圖檔你不能這樣搬來搬去,會發生錯誤,你可能要請教官方有沒有解決的方式。

    查閱其圖片位址後,發現以前從相簿複製過來的位址現在卻不同了..
    那個相簿是自動產生還是自己命名的,超過500張,自動產生的資料夾名稱是會變更的,從第501張起。

    其實我不太清楚你的意思,因為你的網址,圖片並沒有變更為下方那一個,沒有顯示的還是stevenlins這個資料夾。

    回覆刪除
  7. 我Google一下,有人和你一樣的問題,s開頭的帳號會有問題,MichaelWang提出解決方式,網址如下
    http://www.mobile01.com/topicdetail.php?f=300&t=811333&last=8672310
    你看看可否解決

    回覆刪除
  8. 不好意思...,我的語意不清楚;

    當初相簿名稱為利用picasa 2.7版從電腦上傳時,
    picasa自動依本機資料夾名稱而命名;
    其後在google相簿的名稱及相片位置我都沒有再更動。

    http://stevenlins.blogspot.com/2007/12/m-planar-6028.html
    在這頁中;有部分照片可顯示,有些則不行;
    當初我是點相簿右方的"連結到此照片",並且勾選"隱藏相簿連結",
    再點擊"內嵌影像"文字方塊,再複製貼到blog文章中。
    令我不解的是,若因位址變更而無法顯示;
    那應是全部皆無法顯示才是...;何以只有部分無法顯示?

    而以第一張照片為例;
    當初複製而來的資料為:
    http://lh5.google.com/stevenlins/R2oaHq6ERYI/
    AAAAAAAADes/axcjdW8kcWE/s800/IMG_1521.jpg

    而現在前往相簿複製的資料則為:
    照片網頁:
    http://picasaweb.google.com.tw/stevenlins/
    QkNLKL#5145954243303458178
    連結位址:
    http://lh5.ggpht.com/_Zy0VJqGGiok/R2oaHq6ERYI/
    AAAAAAAADes/eKgnmiReo0k/s800/IMG_1521.jpg

    在此先謝謝您的費心,
    Steven.

    回覆刪除
  9. 哦,原來是google的bug...
    我明天試試看;
    謝謝您,綸太郎。
    (對了,6樓是我打錯的,請您刪除,不好意思)

    回覆刪除
  10. 綸太郎您好,
    今天我在公司試著開網頁,
    公司網路速度相當快;
    奇怪的是所有照片都可以顯示了....
    所以,和網路頻寬也有關係,提供您參考。

    回覆刪除
  11. 問題是今天我看也都能顯示,是不是你有寄信給google,他幫你解決了,不然就是一時的現象,Picasa內部在更新調整。

    回覆刪除
  12. 我還沒有寄給GOOGLE....
    應是一時的內部調整吧!
    謝謝您的關心。

    回覆刪除
  13. 沒問題就好,不然那麼多圖真的很麻煩。

    回覆刪除
  14. 我有這個困擾也好幾年了
    不過到今天才能拜讀貴站的文章
    總算能夠正常顯示我的圖片
    非常感謝

    回覆刪除
  15. 謝謝您的文章, 剛接觸blogger, 崁入圖片尺寸困擾許久,剛好查到這篇文章非常實用,謝謝。

    回覆刪除

設有留言驗證及核准,版主閱覽後,留言才會顯示,發問前請善用網站目錄Google搜尋功能