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

看板EZsoft (小軟體)作者 (Yukie)時間15年前 (2010/08/17 20:31), 編輯推噓10(10010)
留言20則, 8人參與, 最新討論串1/1
我知道現在很少人寫部落格了,比起三年前的熱潮,現在還持續在 寫部落格的人不多,所以現在講這個其實能幫到多少人我也不知道…… 不過, 因為我朋友前一陣子問我怎麼快速的將圖片插入 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

08/17 20:48, , 1F
推,我覺得很受用
08/17 20:48, 1F

08/17 21:01, , 2F
用windows live writer搭blogger,有wysiwyg,也能傳至pic
08/17 21:01, 2F

08/17 21:02, , 3F
casa,使用上也容易上手的,建議可以試試看
08/17 21:02, 3F

08/17 21:24, , 4F
要圖文並茂 真的滿麻煩的 Orz
08/17 21:24, 4F

08/17 22:18, , 5F
我沒用Zoundry的主因是他的WYSWYG的功能沒WLW好...
08/17 22:18, 5F

08/17 22:48, , 6F
WYSIWYG
08/17 22:48, 6F

08/17 23:35, , 7F
AsDFJJJ: 謝謝你的推薦,我再試看看!:)
08/17 23:35, 7F

08/17 23:35, , 8F
CHCOOBOO: 你說的是 Zoundry 下載版型常會失敗嗎?我是認了
08/17 23:35, 8F

08/18 06:07, , 9F
不知為啥,用WLW寫出來的會比較貼近我實際在blog看到的
08/18 06:07, 9F

08/18 11:11, , 10F
push
08/18 11:11, 10F

08/18 14:26, , 11F
push!! blog很不賴!
08/18 14:26, 11F

08/18 16:10, , 12F
CHCOOBOO: 應該是 Blogger 轉換分行符號的關係。:)
08/18 16:10, 12F

08/18 16:11, , 13F

08/18 16:12, , 14F
這樣修正過後,會變成 Zoundry 較貼近正式發文結果。:)
08/18 16:12, 14F

08/18 16:16, , 15F
上面的文章是新竹周士玉老師寫的。他寫過了,我就懶得重寫啦
08/18 16:16, 15F

08/18 16:22, , 16F
感謝分享,另外能麻煩通知一下格主不要套用浮水印背景嗎?
08/18 16:22, 16F

08/18 16:23, , 17F
因為用firefox看CPU會飆高,有嚴重的lag感
08/18 16:23, 17F

08/18 16:45, , 18F
原來如此
08/18 16:45, 18F

08/18 19:59, , 19F
剛測試了一下,好像不只是浮水印範本 單純背景圖片也會lag
08/18 19:59, 19F

08/19 00:17, , 20F
AsDfJJJ: 好的,我再轉知周士玉老師,請他改一下!:p
08/19 00:17, 20F
文章代碼(AID): #1CQe4qOY (EZsoft)
文章代碼(AID): #1CQe4qOY (EZsoft)