[推薦] Picasa Web 圖片應用於部落格的方式

[Yukie (Yukie)]

        我知道現在很少人寫部落格了，比起三年前的熱潮，現在還持續在
        寫部落格的人不多，所以現在講這個其實能幫到多少人我也不知道……

        不過，
        因為我朋友前一陣子問我怎麼快速的將圖片插入 Blogger 文章中，
        所以我寫了三篇文章回答他。既然寫了，就分享給大家。

        上：應用於部落格時，Picasa Web 比 flickr 方便一些


        在把圖片放上網路之前，必須先考慮一個問題：現在的數位相機解析
        度都很高，相片很大一張，除非你要效法朱學恆不縮圖就放上部落格
        ，否則要在部落格放置圖片，勢必要將相片做一些調整才能適當呈現
        。

        要將圖片調整為適合在部落格呈現的大小，你可以先用光影魔術手、
        PhotoScape 之類的軟體，一次將許多張的圖片轉換大小後再上傳至
        flickr / Picasa Web；或是利用 flickr / Picasa Web 本身的縮圖
        功能。

        利用 flickr / Picasa Web 網站的自動調整圖片大小在應用上方便
        的多，我們祇需將圖片上傳一次，就有各式大小的圖片可以應用。不
        論 flickr 或是 Picasa Web 都祇要上傳一次圖片，然後改改網址就
        可以顯示不同大小的圖片，而且圖片品質與原始圖片差不多，因此利
        用網路服務來調整圖片大小會比較便利。

        這兩個網路服務雖然兩者各有優缺點，但是要做為部落格圖片置放空
        間的話，PicasaWeb 會是比較好的選擇，因為 Picasa Web 不會修改
        圖片原始檔名，所以在使用上會比 flickr 方便。

        圖片傳到 Picasa Web 之後，其原始檔名不會受到影響，祇要在檔名
        前方加 s288 就可以得到寬度為 288 像素的相片；在檔名前方加 s5
        12 就可以得到寬度為 512 像素的圖片。

        全文請見：
        http://edumeme.blogspot.com/2010/08/picasaweb.html



        中：設定 Zoundry Raven 存放圖片至 Picasa Web

        應用於部落格時 Picasa Web 會是比較好的圖片放置處。不過麻煩就
        在於將圖片上傳至 Picasa Web 之後，還要一張張找出圖片連結，這
        實在不是一件令人愉快的工作，所以得克服這個問題才行。

        幸運的是，我們可以利用一些軟體來幫我們自動上傳圖片、找出圖片
        連結，並以我們希望在部落格呈現的尺寸大小來顯示圖片。我自己用
        的是 Zoundry Raven 加上 Notepad++ 這兩套軟體來完成上述的工作
        。

        Zoundry Raven 功能與 Windows Live Writer 相同，是一套離線部
        落格編輯軟體，在沒有網路的情況下一樣可以編寫部落格文章，等之
        後連上網路後再將文章張貼至部落格就好。因為是在自己的電腦上編
        寫文章，所以不會發生按下『存檔』卻跳出『太久沒動作，已經自動
        登出』的悲劇。

        選用 Zoundry Raven 的原因是它可以備份部落格文章、可以同時將
        一篇文章上傳至三個部落格，最重要的是它可以將圖片自動上傳至
        Picasa Web 並幫我們找出圖片網址，省卻了許多惱人工作，所以推薦
        使用。

        每次執行 Zoundry 時都會顯示設定檔管理畫面，如果已經設定好，
        直接選擇要使用的設定檔，按確認就可以進入 Zoundry。但如果是第
        一次執行 Zoundry Raven，就需要進行一些設定才可以使用。它的設
        定檔可以有許多個，家裡如果有幾個人共用電腦，可以將設定檔分開
        。

        將 Zoundry 設定完成，可以開始利用 Zoundry 撰寫部落格文章，並
        且讓它幫我們把圖片自動上傳至 Picasa Web 了。

        全文請見：
        http://edumeme.blogspot.com/2010/08/picasa-web.html



        下：五個步驟讓部落格變的圖文並茂

        在 Zoundry Raven 中插入圖片後，如果未經調整就將文章發佈至部
        落格，圖片會很大，造成閱讀上的困擾。所以我們必須先將圖片調整
        大小。圖片多時，一張張調整大小比較麻煩，若使用 Notepad++ 的
        regular expression 功能，我們祇要五個步驟就可以將所有圖片的
        尺寸調整完畢，日後要維護、更改大小也很簡單。

           1. 在 Zoundry 中發佈為草稿
           2. 至 Blogger 把文章 HTML 複製至 Notepad++ 中
           3. 在 Notepad++ 中利用類型表式，將長、寬訊息刪除
           4. 在 Notepad++ 中利用一般模式，將 s288 這個字串放入圖片網址中
           5. 回到 Zoundry 中重新將文章發佈為正式文章

        五個簡單步驟讓部落格變的圖文並茂，試試看吧！！:)

        全文請見：
        http://edumeme.blogspot.com/2010/08/picasa-web_17.html


--
我的教學部落格：http://edumeme.blogspot.com/
    實習路上：http://edumeme.blogspot.com/2009/08/preteacher.html
    教學反思：http://tinyurl.com/RethinkOfTeaching

我在 Youtube 上的影片：
    http://tw.youtube.com/user/YukieChen

--
※ 發信站: 批踢踢實業坊(ptt.cc) 
◆ From: 114.41.169.188
推 youthyear:推，我覺得很受用
推 AsDfJJJ:用windows live writer搭blogger，有wysiwyg，也能傳至pic
→ AsDfJJJ:casa，使用上也容易上手的，建議可以試試看
推 summerleaves:要圖文並茂  真的滿麻煩的 Orz
推 CHCOOBOO:我沒用Zoundry的主因是他的WYSWYG的功能沒WLW好...
→ Holocaust123:                     WYSIWYG
→ Yukie:AsDFJJJ: 謝謝你的推薦，我再試看看！:)
→ Yukie:CHCOOBOO: 你說的是 Zoundry 下載版型常會失敗嗎？我是認了
推 CHCOOBOO:不知為啥，用WLW寫出來的會比較貼近我實際在blog看到的
推 iamkcyao:push
推 ateclean:push!!  blog很不賴!
→ Yukie:CHCOOBOO: 應該是 Blogger 轉換分行符號的關係。:)
→ Yukie:請看 http://jainan.blogspot.com/2010/08/128-blogger.html
→ Yukie:這樣修正過後，會變成 Zoundry 較貼近正式發文結果。:)
→ Yukie:上面的文章是新竹周士玉老師寫的。他寫過了，我就懶得重寫啦
推 AsDfJJJ:感謝分享，另外能麻煩通知一下格主不要套用浮水印背景嗎？
→ AsDfJJJ:因為用firefox看CPU會飆高，有嚴重的lag感
推 CHCOOBOO:原來如此
推 AsDfJJJ:剛測試了一下，好像不只是浮水印範本 單純背景圖片也會lag
→ Yukie:AsDfJJJ: 好的，我再轉知周士玉老師，請他改一下！:p