網誌存檔

如何將相片上傳到網路相簿, 引用到 tagala 文章中?

在 tagala 上面發表時空記事文章, 如果可以圖文並茂, 記錄會更生動喔!

由於 tagala 本身的相簿功能不強, 市面上又已經有許多免費的網路相簿服務, 所以直接將照片上傳到這些網路相簿, 再引用到 tagala 的文章中, 是比較便利的方式. 在這邊要為大家介紹的, 是利用 Google 的 Picasa 網路相簿做為 tagala 圖片引用來源的操作流程.

Picasa網路相簿的網址: http://picasaweb.google.com.tw

  1. 若您已經有 Gmail 的帳號, 那您可以直接登入並啟用 Picasa 網路相簿服務. 如果沒有的話, 請點選下面的 "建立新的 Google 帳戶"



  2. 建立新的帳戶, 可以用您現有的 email 信箱 (e.g. user@mail.company.com.tw)當作登入帳號, 選擇一個密碼(請注意: 這個密碼跟前述email信箱的密碼是獨立的兩套!! 當然你可以設成一樣方便記憶, 但是當你修改公司 email 密碼時, Picasa 這邊的密碼並不會同步被改變喔!)

    當然你不會希望 email 信箱大剌剌的放在網頁上給人家看吧!? 所以你可以取一個 "使用者名稱", 當做網路相簿主人的代號. 這個使用者名稱也會是網路相簿網址的一部分喔! 設定了就不能改了. 請謹慎選擇!


    "字詞驗證"的部份大概是過程中最艱難的一步了... 倘若不小心猜錯, 系統會另外換一個給你猜. 多試幾次總會遇到比較容易認出來的...



  3. 接受使用條款之後, 帳戶就建立了. 如果是用已有的 Gmail 帳號第一次登入 Picasa 的, 也會看到以下這個畫面, 讓你確認接受它的使用條款.



  4. 看到這個畫面, 就算是完成 Picasa 網路相簿的服務開通了, 可以享用 1GB 的免費空間, 還有 Mail, 日曆, .... 等各種的 Google 服務囉!
    你可以選擇免費下載 Picasa 的 PC 端程式, 可以管理 PC 上的相片, 還能修片喔! 也可以做批次的上傳, 相當方便. (這部分再另行介紹...)
    如果直接用 web 瀏覽器, 也可以上傳照片的, 請點選右邊的 "上載".



  5. 由於這是第一次使用 Picasa, 所以必須先建立一本網路相簿, 來放要上傳的照片才行. 標題就是這本相簿的所有相片的總描述. 標上日期(拍照或是建立相簿的日期, 請自己選擇), 添上一些文字描述, 方便以後回想之外, 也有利於搜尋喔!
    如果你的這些相片是在某個地點拍的, 也可以標出在地圖上的位置喔! 你可以在 "拍攝地點" 輸入地名, 按下 "更新地圖" 讓系統幫你定位; 也可以放大/縮小/拖拉, 選擇適當的範圍, 再將紅色地標移到想標記的定點上.
    最後記得選擇 "公開" 或 "不公開", 然後按 "繼續", 相簿就建立了.



  6. 接著就可以選擇要把 PC 上的哪些圖檔上傳了. 一次可以上傳五個檔案.



  7. 上傳完成, 就可以在網頁上看到剛剛從 PC 選傳上來的照片囉!



  8. 所謂的相簿封面, 就是你可以從相簿內的眾多照片中, 挑一張作為代表. 別人在瀏覽你的網路相簿時, 可能就因為這張封面相片, 還有相簿的名稱, 而點進來看囉!



  9. 接著讓我們準備把網路相簿中的照片, 引用到 tagala 的文章中吧!
    首先, 在相簿中瀏覽到你要選用的照片, 然後在照片上按滑鼠右鍵, 下圖是 Firefox 瀏覽器的狀況, 請選擇 "Copy Image Location" (複製圖片網址).


    如果是 IE 瀏覽器的話, 在圖上按滑鼠右鍵時, 請選擇 "內容", 然後在跳出的視窗中, 將 "網址(URL)" 的部份反白選取起來, 進行複製的動作 (鍵盤快鍵: ctrl-c).



  10. 有了圖片網址, 接著就是引用到 tagala 的文章中囉! 在 tagala 的 "發表新文章" 介面下 (如何進到此介面, 請參考 "如何在 tagala 發表帶有時空座標的文章?"), 將游標放到要插入圖的地方, 再選擇內文編輯區工作列的那個有樹的按鈕(Insert/edit image).



  11. 接著就會看到插入圖片的視窗. 將剛剛複製下來的網址, 貼到 "Image URL" 的欄位中 (鍵盤快鍵: ctrl-v).
    另外一個必須設定的地方, 是圖的大小(Dimensions). 我的建議是只設定圖寬(第一個空格), 讓系統自動等比例縮放決定圖高, 這樣可以避免圖變形. 由於 tagala 的內文呈現區寬度有限, 所以圖寬最好設定在 480 以下.
    倘若將圖的大小的兩個空格都保留空白, 那麼系統就會以該圖片的原始大小呈現. 如果圖小這也是不錯的方式, 但若圖太大, 有可能造成版面的混亂.



  12. 在插圖的視窗按下 "Insert" 確認, 選定的圖片就會出現在內文區了. 雖然可以將圖選取, 透過拉端點的方式縮放, 但是這樣可能破壞原本的長寬比例. 建議還是在選取圖後, 點選先前的那個有樹的工作列按鈕, 用改變數值的方式來調整.



  13. 最後把文章發表出來, 就是一篇圖文並茂的時空記事囉!


<補充說明>

上述的引圖方法其實並不侷限於 Picasa 網路相簿的圖, 也可以應用在一般瀏覽器能看到的圖片的引用. 但由於有些網站會限制他站引用自己站上的照片, 所以並不是看得到就能引用的到的喔! 像是有名的 "無名小站" 還有 "Yam天空", 就不開放他站直接引用相簿內的圖片.

一般人在引用時, 由於會先用瀏覽器看過要引用的圖, 在自己的 PC 上就會暫存一份, 所以引用到 tagala (或是其他部落格) 發表時, 看起來會是正常引用成功的, 實際上看到的是自己 PC 上暫存的那份. 而別人在看你的文章時, 由於沒有先看過圖的暫存的過程, 就會看不到圖, 只有叉燒包囉!

有些人在 webmail 介面下收到有趣的圖片, 直接剪貼(ctrl-c, ctrl-v)到網誌文章裡發表, 也會出現同樣的問題, 因為圖片在你的 webmail 裡的信裡頭, 照理說別人是不能看到的, 不然就太不安全啦!

P.S.> 若是對於 Picasa 網頁介面的使用想進一步了解, 可以參考 Picasa 官方的說明中心網頁.

您覺得這裡分享的資訊有幫助嗎?

最近的訪客來自於: